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 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
JS操作Cookie写入和读取实例代码
Oct 20 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
js页面加载后执行的几种方式小结
Jan 30 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 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学习 字符串课件
2008/06/15 PHP
php猜单词游戏
2015/09/29 PHP
Yii框架表单模型和验证用法
2016/05/20 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
JavaScript 高效运行代码分析
2010/03/18 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
2011/11/21 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
js获取内联样式的方法
2015/01/27 Javascript
JavaScript中使用数组方法汇总
2016/02/16 Javascript
JS中的进制转换以及作用
2016/06/26 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
利用vue-i18n实现多语言切换效果的方法
2019/06/19 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
python求众数问题实例
2014/09/26 Python
解析Mac OS下部署Pyhton的Django框架项目的过程
2016/05/03 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
python批量获取html内body内容的实例
2019/01/02 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
python中count函数知识点浅析
2020/12/17 Python
实习医生自我评价
2013/09/22 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
秋天的怀念教学反思
2014/04/28 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
先进学校事迹材料
2014/12/30 职场文书
环卫个人总结
2015/03/03 职场文书