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 相关文章推荐
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
Bootstrap网格系统详解
Apr 26 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
常用的 JS 排序算法 整理版
Apr 05 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
JavaScript 中判断变量是否为数字的示例代码
Oct 22 Javascript
Vue实现简单计算器
Jan 20 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
中国收音机工业发展史
2021/03/02 无线电
自己做矿石收音机
2021/03/02 无线电
基于PHP编程注意事项的小结
2013/04/27 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
浅析php学习的路线图
2013/07/10 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
js格式化时间的方法
2015/12/18 Javascript
js 作用域和变量详解
2017/02/16 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
python分析作业提交情况
2017/11/22 Python
Python中的TCP socket写法示例
2018/05/11 Python
朴素贝叶斯Python实例及解析
2018/11/19 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
python定时任务 sched模块用法实例
2019/11/04 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
Python使用Pygame绘制时钟
2020/11/29 Python
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
英文商务邀请信
2014/01/22 职场文书
英语老师推荐信
2014/02/26 职场文书
一年级学生期末评语
2014/04/21 职场文书
银行求职信范文
2014/05/26 职场文书
现场活动策划方案
2014/08/22 职场文书
感谢信模板大全
2015/01/23 职场文书
领导视察通讯稿
2015/07/18 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
2019年入党思想汇报
2019/03/25 职场文书