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 相关文章推荐
新浪中用来显示flash的函数
Apr 02 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 Javascript
利用three.js画一个3D立体的正方体示例代码
Nov 19 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 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
Syphon 使用方法
2021/03/03 冲泡冲煮
很实用的一个完整email发送程序
2006/10/09 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
ThinkPHP添加更新标签的方法
2014/12/05 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
PHP实现路由映射到指定控制器
2016/08/13 PHP
总结PHP删除字符串最后一个字符的三种方法
2016/08/30 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
javascript获取当前ip的代码
2009/05/10 Javascript
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
js返回顶部实例分享
2016/12/21 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
Python字符串处理函数简明总结
2015/04/13 Python
python连接mysql实例分享
2016/10/09 Python
手把手教你python实现SVM算法
2017/12/27 Python
python3中property使用方法详解
2019/04/23 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
擅自离岗检讨书
2014/02/11 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
环境保护建议书
2014/08/26 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
狂人日记读书笔记
2015/06/30 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python
Mysql开启外网访问
2022/05/15 MySQL