jquery遇上Ajax

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 73 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/craftsdream/blog/526513

文章标签：

#javascript #后端 #python #ViewUI

2019独角兽企业重金招聘Python工程师标准>>>

.当jquery遇上ajax,一切都变了.....

json格式:(k:v)
{"keyHello","valueHeloo"}
jquery.ajax函数
前端页面书写:

<title>学习Ajax</title>
<body>
<input type="button" id="100" value="ajax学习" onclick="ajaxdemo(this)" />
<script type="text/javascript">
	function ajaxdemo(obj){
		var dataid=obj.id;
		jQuery.ajax({
			url:"/sample/coursetudent2/ajaxdemo",
			type:"post",
			dataType:'json', 
			async:true,
			 data:{"studntid":"100",
				 "corseid":"100"
				 },
			success:function(d){
				alert("this is :"+d);
			},
			error:function(){
				alert("传输错误!");
			}
			});
	}
</script>
</body>

SpringMVC的Controller书写:

@RequestMapping(value="ajaxdemo",method={RequestMethod.POST})
	public void ajaxdemo(HttpServletRequest req,HttpServletResponse resp)
			throws Exception {
		resp.getWriter().write(req.getParameter("studntid")+req.getParameter("corseid"));
	}

总结一下:

1.使用异步提交数据,后端通过流的形式,向外输出字符串;

2.显然,浏览器会将全部的流数据并封装到success:function(data){}的data中;

转载于:https://my.oschina.net/craftsdream/blog/526513