jquery ajaxSubmit 异步提交的简单实现

 这篇文章主要介绍了jquery ajaxSubmit 异步提交的简单实现。需要的朋友可以过来参考下,希望对大家有所帮助

前台js
 
 
代码如下:
$("#nickForm").ajaxSubmit({
     type: "post",
     url: "http://localhost:8080/test/myspace.do?method=updateNick¶m=1",
     dataType: "json",
     success: function(result){
 
           //返回提示信息       
           alert(result.nickMsg);
     }
 });
 
 
后台封装:
代码如下:
public ActionForward toUpdateNickName(ActionMapping mapping, ActionForm form,
   HttpServletRequest request, HttpServletResponse response){
 
       PrintWriter pw = response.getWriter();
      JSONObject obj = new JSONObject();
 
      obj.put("nickMsg", "昵称修改成功!");
 
      pw.print(obj);
      pw.close();
 
}
 

时间: 2024-10-20 03:48:42

jquery ajaxSubmit 异步提交的简单实现的相关文章

jquery ajaxSubmit 异步提交的简单实现_jquery

前台js 复制代码 代码如下: $("#nickForm").ajaxSubmit({     type: "post",     url: "http://localhost:8080/test/myspace.do?method=updateNick&param=1",     dataType: "json",     success: function(result){            //返回提示信息 

Jquery.Form 异步提交表单的简单实例

 这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#   1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记:    代码如下: <form id="myForm" method="post" action="/Home/AjaxFor

JQuery的异步提交方面的知识

问题描述 JQuery的异步提交方面的知识 本人新手,在JQuery异步提交这方面搞不懂,希望给位朋友看见后能帮忙解决我的问题,我主要想知道"异步提交"的用法,好处以及它是如何进行的,最好能有实例进行讲解. 谢谢咯 解决方案 首先学会google,我不想重复一篇几千字介绍文章的观点,只是把它再浓缩下: 异步最大的用处就是在页面不刷新的情况下提交数据和从服务器端获取数据,浏览器刷新页面通常需要几秒钟,在这个过程中,页面会显示为空白,然后再载入,而且无法准确还原之前显示的状态,比如浏览的位

Jquery.Form 异步提交表单的简单实例_jquery

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: 复制代码 代码如下: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username&quo

jquery下异步提交表单 异步跨域提交表单_jquery

1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 使用 jQuery 异步提交表单代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js">&l

jquery zTree异步加载简单实例讲解_jquery

本文实例讲解了jquery zTree异步加载,分享给大家供大家参考,具体内容如下 web.xml中Servlet配置如下: <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XM

jquery zTree异步加载简单实例分享_jquery

首先提供Ztree官方网站http://www.ztree.me. Ztree是一个使用jQuery实现的JSP页面的各种功能树,本文介绍一个异步获取数据到下拉树的实现方式. 当前版本Ztree 3.5.01 simple.html 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>simple.html</title> <meta http-equiv="keywords"

Jquery ajax异步提交

Ajax原生方法: <script type="text/javascript">     function delStudent(studentid){               $.ajax({             url:"/project/studentRpc/"+studentid+"/deleteStudentById.json",             type:"get",         

Jquery异步提交表单代码分享

 本文是jQuery结合ajax实现的异步提交表单的代码,是个人项目中提取出来的,分享给大家,有需要的小伙伴可以参考下.     功能很实用代码也很简单,就不多废话了,直接奉上: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $.ajax({ url:"mobileSurveyAction_addSurvey.action",//提交地址 data:$("#form1").serialize(),//将表单数据序列化 type:&