900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jquery表单ajax json数据 jquery序列化form表单使用ajax提交后处理返回的json数据

jquery表单ajax json数据 jquery序列化form表单使用ajax提交后处理返回的json数据

时间:2021-11-19 03:25:01

相关推荐

jquery表单ajax json数据 jquery序列化form表单使用ajax提交后处理返回的json数据

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=;i

trs+="

"+ships[i].mmsi+""+ships[i].vesselName+"";

}

$("#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文件,数据库和数据库的连接都有采用统一编码,才不会出现乱码等情况

jquery序列化from表单使用ajax提交返回json数据(使用struts2注解result type = json)

1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @Paren ...

jQuery实现form表单基于ajax无刷新提交方法详解

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: quo ...

使用jQuery重用form表单并异步提交到其它action

在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其它的链接中,这个时候就能够使用jquery去改动表单的action值(记得使用后改动回来).并调用submit方法,当然后台的链接acti ...

jquery序列化form表单

在开发中有时需要在js中提交form表单数据,就需要将form表单进行序列化. jquery提供的serialize方法能够实现. $("#searchForm").seriali ...

jquery 序列化form表单

1.为什么要将form表单序列化? ajax上传form表单的原始方式,是将form表单中所需要的键值对先获取,然后再组装成数据(两种方式:http:localhost:8080/test.do?pe ...

Form 表单用 Ajax 提交数据并用 jQuery Validate 验证

表单填写需要验证可用插件 jQuery Validate 提交数据使用 Ajax 可操控性得到提到 注意:请自行引入 jQuery 和 jQuery Validate HTML 代码

jquery如何实现表单post方式提交

jquery如何实现表单post方式提交 一.总结 一句话总结:即使js给form对象提供了submit()方法,那也不意为表单中可以不写提交按钮这个元素,即form表单依然需要五脏俱全才可以使用js ...

关于form表单或者Ajax向后台发送数据时,数据格式的探究

最近在做一个资产管理系统项目,其中有一个部分是客户端向服务端发送采集到的数据的,服务端是Django写的,客户端需要用rrequests模块模拟发送请求 假设发送的数据是这样的: data = {'s ...

thinkphp处理jQuery EasyUI form表单问题

jQueryEasyUI form表单不是ajax方式提交,而是在提交的时候新建一个隐藏的iframe并在iframe里面创建一个与绑定表单一样的表单,然后在iframe里面进行同步提交而不是异步提 ...

随机推荐

MyEclipse 10离线安装PyDev插件

PyDev for Eclipse, 经过测试,一般在线安装会失败(不能访问某些网站所致) 以下为离线安装步骤 1 下载 PyDev 2.8.2, 链接: ...

PHP数据学习-二维数组【3】

Java数据结构整理(一)

ava数据结构内容整理关键字: 数据结构 Collection:List.SetMap:HashMap.HashTable如何在它们之间选择一.Array , ArraysJava所有“存储及随机访问 ...

JS学习笔记Day20

一. 1.服务器和客户端 客户端 程序: 通过浏览器直接运行 服务器 程序: 通过安装某种服务器软件 程序才可以运行apache php文件...

java中class文件与jar文件

1.JAR文件包 JAR文件就是JavaArchiveFile,顾名思意,它的应用是与Java息息相关的,是Java的一种文档格式.JAR文件非常类似ZIP文件——准确的说, ...

F2eTest程序快捷方式安装到桌面

按照http://f2etest.***.com/install页面上介绍的:安装快捷方式到Windows桌面 (Win7)部分的介绍进行安装. 其中第三步的https连接需要在f2etest的c ...

从轻测到上线,WeTest与《一起来捉妖》测试方案大公开

从Pokémon GO引发的AR游戏热潮开始,国内就一直在期待新的一款具备代表性的AR游戏的头部作品. 4月11日的腾讯首款AR探索手游不仅为国内市场注入了新的活力 ...

Asp.Net实现FORM认证的一些使用技巧(必看篇)

最近因为项目代码重构需要重新整理用户登录和权限控制的部分,现有的代码大体是参照了.NET的FORM认证,并结合了PORTAL KITS的登录控制,代码比较啰嗦,可维护性比较差.于是有了以下的几个需求( ...

VS默认的类前缀(访问控制符)是internal

VS默认的类前缀(访问控制符)是internal 大家都知道VS默认新建的class的时候,class前面是什么都没有的,按照规则,这个class的可见性是internal,但是说实话,很多人包括我在 ...

在html页面中使用js变量

Method 1: xxxxxxxxxxxxxxxxxx

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。