jquery序列化form表单使用ajax提交后处理返回的json数据


Posted in Javascript onMarch 03, 2014

1、返回json字符串:

/** 将一个字符串输出到浏览器 */

    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文件,数据库和数据库的连接都有采用统一编码,才不会出现乱码等情况

Javascript 相关文章推荐
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
简介JavaScript中search()方法的使用
Jun 06 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
基于Vue+Webpack拆分路由文件实现管理
Nov 16 Javascript
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
js函数在frame中的相互调用详解
Mar 03 #Javascript
window.onload追加函数使用示例
Mar 03 #Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 #Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 #Javascript
jquery的父子兄弟节点查找示例代码
Mar 03 #Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 #Javascript
JS二维数组的定义说明
Mar 03 #Javascript
You might like
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
PHP编程 SSO详细介绍及简单实例
2017/01/13 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
在Python的Django框架中编写错误提示页面
2015/07/22 Python
Python函数的周期性执行实现方法
2016/08/13 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
庆元旦迎新年广播稿
2014/02/18 职场文书
合作意向书格式及范文
2014/03/31 职场文书
普通话宣传标语
2014/06/26 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
入党培养人考察意见
2015/06/08 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
Python matplotlib绘制雷达图
2022/04/13 Python
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript