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 相关文章推荐
得到文本框选中的文字,动态插入文字的js代码
Mar 07 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
ie8模式下click无反应点击option无反应的解决方法
Oct 11 Javascript
jQuery实现扑克正反面翻牌效果
Mar 10 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
Vue 打包体积优化方案小结
May 20 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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.MVC的模板标签系统(二)
2006/09/05 PHP
深入php var_dump()函数的详解
2013/06/05 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
PHP加密解密类实例代码
2016/07/20 PHP
判断iframe里的页面是否加载完成
2014/06/06 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
vue addRoutes路由动态加载操作
2020/08/04 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
python3实现名片管理系统
2020/11/29 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
Python argparse模块应用实例解析
2019/11/15 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
Banana Republic欧盟:美国都市简约风格的代表品牌
2018/05/09 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
为什么要做架构设计
2015/07/08 面试题
Java基础面试题
2012/11/02 面试题
办公室驾驶员岗位职责
2013/11/15 职场文书
车辆转让协议书
2014/04/15 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
志愿者活动总结报告
2014/06/27 职场文书
放射科岗位职责
2015/02/14 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
试用期解除劳动合同通知书
2015/04/16 职场文书
2015选调生工作总结
2015/07/24 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python