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 相关文章推荐
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
Jul 19 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
jQuery实现购物车数字加减效果
Mar 14 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
Apr 01 Javascript
javaScript嗅探执行神器-sniffer.js
Feb 14 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
Apr 29 Javascript
js设置默认时间跨度过程详解
Jul 17 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 28 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
Zend的AutoLoad机制介绍
2012/09/27 PHP
php curl基本操作详解
2013/07/23 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
PHP7内核之Reference详解
2019/03/14 PHP
Laravel框架控制器,视图及模型操作图文详解
2019/12/04 PHP
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
pycharm 使用心得(四)显示行号
2014/06/05 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
用python3 返回鼠标位置的实现方法(带界面)
2019/07/05 Python
利用Python计算KS的实例详解
2020/03/03 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
期末自我鉴定
2014/02/02 职场文书
自主招生推荐信范文
2014/05/10 职场文书
2014年银行年终工作总结
2014/12/19 职场文书
2016年小学推普宣传周活动总结
2016/04/06 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python