jquery序列化form表单使用ajax提交后处理返回的json数据
2014-03-03 00:00
1436 查看
1、返回json字符串:
2、通过eval将返回的json字符串转换成json对象:
3、通过jquery的 $("form").serialize() 可以将form表单的数据序列化后提交到后台,因此通过ajax可以操作form表单并处理返回的数据。
4、防止乱码的处理方法:
jsp页面:charset:utf-8
servlet:utf-8
filter:utf-8
在PrintWriter out = response.getWriter()之前加一句
response.setCharacterEncoding("UTF-8")就可以解决乱码的问题。
但是得记住一定要放在声明PrintWwrite之前。
总之,前台界面,java文件,数据库和数据库的连接都有采用统一编码,才不会出现乱码等情况
/** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try { servletResponse.setContentType("text/plain;charset=UTF-8"); pw = servletResponse.getWriter(); pw.write(json); pw.flush(); pw.close(); } catch (IOException e) { e.printStackTrace(); } finally { if (pw != null) { pw.close(); } } }
2、通过eval将返回的json字符串转换成json对象:
$.ajax({ data:{ "shipmmsi":shipmmsi, "shipname":shipname }, url : "shipbk/findShipMMSIAndName.do", async : true, type : "POST", success : function(data) { var ships = eval('(' + data + ')'); $("#bindShipmmsiDiv table tbody").html(""); if(ships!=null){ if(ships.length){ $("#bindShipmmsiDiv").show(); var trs=""; for(var i=0;i<ships.length;i++){ trs+="<tr><td>"+ships[i].mmsi+"</td><td>"+ships[i].vesselName+"</td></tr>"; } $("#bindShipmmsiDiv table tbody").append(trs); //给tr注册点击事件 $("#bindShipmmsiDiv table tbody tr").click(function(){ $(this).addClass('select_tr').siblings().removeClass('select_tr'); }); $("#bindShipmmsiDiv table tbody tr").dblclick(function(){ fillShipMMSIAndName(this); $("#bindShipmmsiDiv").hide(); }); } } } });
3、通过jquery的 $("form").serialize() 可以将form表单的数据序列化后提交到后台,因此通过ajax可以操作form表单并处理返回的数据。
$.ajax({ url : 'deliveryWarrant/update.do', data : $('#myform').serialize(), type : "POST", success : function(data) { var res = eval('(' + data + ')'); if (res && res.success == true) { alert(res.message); location.href="/godownWarrant/findToDeliveryWarrant.do?godownWarrant.code="+$("#myform input[name=godownWarrant\\.code]").val(); } else { alert(res.message); } } });
4、防止乱码的处理方法:
jsp页面:charset:utf-8
servlet:utf-8
filter:utf-8
在PrintWriter out = response.getWriter()之前加一句
response.setCharacterEncoding("UTF-8")就可以解决乱码的问题。
但是得记住一定要放在声明PrintWwrite之前。
总之,前台界面,java文件,数据库和数据库的连接都有采用统一编码,才不会出现乱码等情况
相关文章推荐
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- easyui使用Ajax提交表单,返回Json数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery Easyui form 提交验证 与 json数据返回结果的处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- easyui使用Ajax提交表单,返回Json数据
- 使用jQuery-Form做表单submit提交,获取响应json数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- easyui使用Ajax提交表单,返回Json数据
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- 关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题
- jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- spring security的ajax提交和json返回数据--兼容form表单提交