使用jQuery实现异步操作(包括异步提及form表单)Meet520_第1页
使用jQuery实现异步操作(包括异步提及form表单)Meet520_第2页
使用jQuery实现异步操作(包括异步提及form表单)Meet520_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

此代码为本人亲自测试过的，可用。 Meet520使用jQuery实现异步操作，实现不刷新页面对数据进行处理，并且返回想要的数据到页面首先要先引用一个js文件 jquery.js文件Jsp页面代码如下：$.getJSON( '/Meet520/ajax.action?id='+id,//此处为请求访问的action function(json){ //json为后台返回的数据 } });以上是前台代码，以下是后台代码：publicvoidajax()throwsException{ Listmeet=newArraylist(); meet.add(“520” request.setCharacterEncoding("UTF-8"); HttpServletResponseresponse=ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); JSONArrayjson=null; json=JSONArray.fromObject(meet); response.setContentType("text/html;charset=utf-8"); response.getWriter().write(json.toString()); }这样meet数组中的值就会返回到前台页面，当然我这个只是一个简单的实例测试，action里不可能这么无聊的只传一个list，呵呵。大量逻辑都各有所需了。说完了异步请求，在说一下，用异步来提交form表单。要实现异步提交表单，在jquery.js的基础上，还需要一个js文件。 Jquery.form.js这两个js文件在网上很容易找的到的，引用完这两个JS文件后，jsp代码如下：$(function(){ varoptions={ dataType:"json",//代表返回的数据类型为json格式 success:function(returnData){ //returnData为返回的数据 }, error:function(returnData){ alert("报错了！！！"); } }; $('#form1').submit(function(){//form1为form表单的ID值 //提交表单 $(this).ajaxSubmit(options); //为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false returnfalse; });});<body><formaction=”meet520.action”id=“form1”name=”form1”method=”post <inputtype=”submit”value=”提交”/></form></body>//使用异步提交，按钮只能用submit，不能用button以上是异步提交表单的前台代码，以下是异步提交表单的后台代码：Publicvoidmeet520()throwsException{ Listmeet=newArrayList(); List.add(“1234” Stringss=“560”// //以下为Json代码，为前台返回值的方法 request.setCharacterEncoding("UTF-8"); HttpServletResponseresponse=ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); Map<String,Object>mapJson=newHashMap<String,Object>(); mapJson.put("meet",meet); mapJson.put("ss",ss); @SuppressWarnings("unused") StringitableStr=JSONArray.fromObject(mapJson).toString(); System.out.println(itableStr); 此语句能够打印出JSON格式 JSONArrayreturnData=JSONArray.fromObject(mapJson); response.setContentType("text/htm

人人文库> 全部分类> 行业资料 > 安防行业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论