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动态增减控件的一些想法和小插件
Aug 01 Javascript
javascript中的继承实例代码
Apr 27 Javascript
关于JavaScript中string 的replace
Apr 12 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
JS获取IMG图片高宽的简单实例
May 17 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
May 20 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
JS实现电商商品展示放大镜特效
Jan 07 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
php5.3 goto函数介绍和示例
2014/03/21 PHP
php操作MongoDB类实例
2015/06/17 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
轻量级网页遮罩层jQuery插件用法实例
2015/07/31 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
Angular设置title信息解决SEO方面存在问题
2016/08/19 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
点击按钮弹出模态框的一系列操作代码实例
2019/03/29 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
2020/07/22 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
python异常和文件处理机制详解
2016/07/19 Python
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
python实现定时自动备份文件到其他主机的实例代码
2018/02/23 Python
Python中将dataframe转换为字典的实例
2018/04/13 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
师范毕业生自荐信
2013/10/17 职场文书
汽车专业毕业生自荐信
2013/11/03 职场文书
博士学位自我鉴定范文
2013/12/26 职场文书
上课睡觉检讨书
2014/01/28 职场文书
打架检讨书500字
2014/01/29 职场文书
2014年党务公开实施方案
2014/02/27 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
教师学期个人总结
2015/02/11 职场文书
教师个人发展总结
2015/02/11 职场文书
市场部岗位职责范本
2015/04/15 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
观后感的写法
2015/06/19 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL
基于Redis的List实现特价商品列表功能
2021/08/30 Redis