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 相关文章推荐
input 高级限制级用法
Mar 26 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
Jul 28 Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 Javascript
原生js编写2048小游戏
Mar 17 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
JS数组Reduce方法功能与用法实例详解
Apr 29 Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 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+mysql 实现身份验证代码
2010/03/24 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
php + ajax 实现的写入数据库操作简单示例
2020/05/16 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
javascript getElementsByName()的用法说明
2009/07/31 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
老生常谈JavaScript中的this关键字
2016/10/01 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
2019/05/22 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python3模拟百度登录并实现百度贴吧签到示例分享(百度贴吧自动签到)
2014/02/24 Python
python万年历实现代码 含运行结果
2017/05/20 Python
Python matplotlib画图实例之绘制拥有彩条的图表
2017/12/28 Python
Python 12306抢火车票脚本
2018/02/07 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
卫生巾广告词
2014/03/18 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
社区服务活动报告
2015/02/05 职场文书
羊脂球读书笔记
2015/06/30 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书