使用jQuery实现异步操作(包括异步提及form表单)Meet520.doc

《使用jQuery实现异步操作(包括异步提及form表单)Meet520.doc》由会员分享，可在线阅读，更多相关《使用jQuery实现异步操作(包括异步提及form表单)Meet520.doc（13页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、Four short words sum up what has lifted most successful individuals above the crowd: a little bit more.-author-date使用jQuery实现异步操作(包括异步提及form表单)Meet520使用jQuery实现异步操作(包括异步提及form表单)Meet520此代码为本人亲自测试过的，可用。Meet5201、 使用jQuery实现异步操作，实现不刷新页面对数据进行处理，并且返回想要的数据到页面首先要先引用一个js文件jquery.js 文件Jsp页面代码如下：$.getJSON(/Me

2、et520/ajax.action?id =+id, /此处为请求访问的action function(json) /json为后台返回的数据 );以上是前台代码，以下是后台代码：public void ajax() throws ExceptionList meet = new Arraylist();meet.add(“520”);request.setCharacterEncoding(UTF-8);HttpServletResponse response = ServletActionContext.getResponse();response.setCharacterEncoding

3、(UTF-8);JSONArray json = null;json = JSONArray.fromObject(meet);response.setContentType(text/html;charset=utf-8);response.getWriter().write(json.toString();这样meet数组中的值就会返回到前台页面，当然我这个只是一个简单的实例测试，action里不可能这么无聊的只传一个list ，呵呵。大量逻辑都各有所需了。2、 说完了异步请求，在说一下，用异步来提交form表单。要实现异步提交表单，在jquery.js 的基础上，还需要一个js文件。Jq

4、uery.form.js这两个js文件在网上很容易找的到的，引用完这两个JS文件后，jsp代码如下：$(function()var options = dataType : json, /代表返回的数据类型为json格式success : function(returnData) /returnData 为返回的数据,error : function(returnData) alert(报错了！);$(#form1).submit(function() /form1为form表单的ID值/ 提交表单$(this).ajaxSubmit(options);/ 为了防止普通浏览器进行表单提交和产生

5、页面导航（防止页面刷新？）返回falsereturn false;););/使用异步提交，按钮只能用submit，不能用button以上是异步提交表单的前台代码，以下是异步提交表单的后台代码：Public void meet520() throws Exception List meet = new ArrayList();List.add(“1234”);String ss = “560”;/以下为Json代码，为前台返回值的方法request.setCharacterEncoding(UTF-8);HttpServletResponse response = ServletActionCo

6、ntext.getResponse();response.setCharacterEncoding(UTF-8);Map mapJson = new HashMap();mapJson.put(meet,meet);mapJson.put(ss,ss);SuppressWarnings(unused)String itableStr = JSONArray.fromObject(mapJson).toString();System.out.println(itableStr);此语句能够打印出JSON格式JSONArray returnData = JSONArray.fromObject(mapJson);response.setContentType(text/html;charset=utf-8);response.getWriter().write(returnData.toString();以上代码就是异步提交的所有代码。自己整理，可能不是最好的，但可用。-