标准jquery ajax ,发送json数据

最新推荐文章于 2023-11-20 21:35:13 发布

丁天才

最新推荐文章于 2023-11-20 21:35:13 发布

阅读量122

点赞数

分类专栏： javascript ajax jquery 文章标签： json 前端 javascript ViewUI

本文链接：https://blog.csdn.net/dmwdmc/article/details/84437267

版权

javascript ajax jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这里有两种做法。
做法1：
前端
test.jsp


<html>
<head>
<script type="text/javascript" language="JavaScript" src="/JFP/js/jquery/jquery-1.5.1.js"></script>
</head>
<body>
<table>
<tr>
<td id="Load">Button</td>
<td><input value="" size="100" /></td>
</tr>
</table>
<script>
$("#Load").click(function(){
	var postData = {name:"John",location:"Boston"};
		$.ajax({
			url:"https://localhost:9444/HKGCB/content.jsp",
			type:"POST",
			data:$.toJSON( postData),
			success:function(respon){
				alert(respon);
			},
			error:function(er){
				alert(er);
			}
		});
});
</script>
</body>
</html>

后台接受的话，我们还可以用JSONObject ，
要使用JSONObject，我们必须要导入struts2-json-plugin-xxx.jar 和 json-lib-xxx-jdk15.jar ，并且在配置文件web.xml和struts-config.xml。

做法2：
前端：
test.jsp


<html>
<head>
<script type="text/javascript" language="JavaScript" src="/JFP/js/jquery/jquery-1.5.1.js"></script>
</head>
<body>
<table>
<tr>
<td id="Load">Button</td>
<td><input value="" size="100" /></td>
</tr>
</table>
<script>
$("#Load").click(function(){
	var postData = {name:"John",location:"Boston"};
		$.ajax({
			url:"https://localhost:9444/HKGCB/content.jsp",
			type:"POST",
			data:postData,
			success:function(respon){
				alert(respon);
			},
			error:function(er){
				alert(er);
			}
		});
});
</script>
</body>
</html>

content.jsp.

后台：


My name is :
<%=request.getParameter("name")%>

只是发送json数据，不接收json的话，不需要写dataType:"json"
如果不用$.toJSON转换的话，发过去的是字符串。比如做法2

丁天才

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
标准jquery ajax ,发送json数据

这里有两种做法。做法1：前端test.jsp[code="java"]Button$("#Load").click(function(){ var postData = {name:"John",location:"Boston"}; $.ajax({ url:"https://localhost:9444/HK...
复制链接

扫一扫