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 相关文章推荐
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
Oct 19 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
js防抖和节流的深入讲解
Dec 06 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
vue3自定义dialog、modal组件的方法
Jan 04 Vue.js
教你使用vscode 搭建react-native开发环境
Jul 07 Javascript
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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
php中cookie的作用域
2008/03/27 PHP
php中禁止单个IP与ip段访问的代码小结
2012/07/04 PHP
php设计模式之命令模式使用示例
2014/03/02 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
jQuery学习笔记之Helloworld
2010/12/22 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
2016/10/26 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
JavaScript实现微信红包算法及问题解决方法
2018/04/26 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
[50:22]完美盛典-2018年度红毯走秀
2018/12/16 DOTA
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
Python turtle绘画象棋棋盘
2019/08/21 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
Pytorch之保存读取模型实例
2019/12/30 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
新闻专业应届生求职信
2013/10/31 职场文书
优秀实习生感言
2014/03/01 职场文书
食品安全演讲稿
2014/09/01 职场文书
大学迎新生标语
2014/10/06 职场文书
狮子林导游词
2015/02/03 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书