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中的prototype属性实例分析说明
Aug 09 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
node.js Web应用框架Express入门指南
May 28 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
Sep 12 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
React中获取数据的3种方法及优缺点
Feb 18 Javascript
vue实现PC端分辨率适配操作
Aug 03 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
PHP中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
js常用排序实现代码
2010/12/28 Javascript
js调用css属性写法
2013/09/21 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
深入浅析Vue.js中 computed和methods不同机制
2018/03/22 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
Python requests库用法实例详解
2018/08/14 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
单位办理社保介绍信
2014/01/10 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2015年个人剖析材料范文
2014/12/29 职场文书
2015年保送生自荐信
2015/03/24 职场文书
三方合作意向书范本
2015/05/09 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书