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

前台js

复制代码 代码如下:

$("#nickForm").ajaxSubmit({
     type: "post",
     url: "http://localhost:8080/test/myspace.do?method=updateNick&param=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-07-31 22:11:31

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

jquery ajaxSubmit 异步提交的简单实现

 这篇文章主要介绍了jquery ajaxSubmit 异步提交的简单实现.需要的朋友可以过来参考下,希望对大家有所帮助 前台js     代码如下: $("#nickForm").ajaxSubmit({      type: "post",      url: "http://localhost:8080/test/myspace.do?method=updateNick¶m=1",      dataType: "json&quo

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

本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以. 键盘事件有3: jquery键盘事件参考: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 正确代码为: $(document).keyup(function(event){ if(

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.serialize() 函数语法及简单实例_jquery

jQuery - serialize() 方法 W3School给出的定义与用法: serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语法 $(selector).serialize()详细说明 .serialize() 方法创建以标准 URL 编码表示的文本字符串.它的操作对象是代表表单元素集合的 jQuer

实用jquery操作表单元素的简单代码_jquery

取下拉菜单选中项的文本: 获取和设置下拉菜单的值: 清空下拉菜单: 给下列菜单添加元素: 取单选框值: 单选或复选按钮的选择: 取复选框值: 判断单选或复选框是否被选中: 元素可用不可用: 判断元素可用不可用. 实用jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr(&