JQuery与Ajax实现异步局部刷新

2017-10-20 08:13:40来源:CSDN作者:haha_66666人点击

分享

JQuery与Ajax实现异步局部刷新

上一篇博客中我写了js与Ajax实现异步局部刷新的方法,但是现在基本上使用的都是JQuery与Ajax实现异步局部刷新,因为JQuery就是对js的封装,实现一个功能比js的代码要少很多,而且浏览器的兼容性会更好。下面我就来介绍一个这种方式:(1)、前提是:在当前的jsp中已经使用<script  src="JQuery插件的文件的路径"></script>引入了JQuery的.js文件。(2)、$.post()post请求方式发送ajax

格式:$.post(url,[data],[callback],[type]);

参数1:url,请求路径

参数2:data,请求参数(为json格式)

参数3:callback,回调函数

参数4:type,返回内容格式,xml,html,script,json,text,_default(如果返回内容格式为json,必须要

加上json,否则不能解析,如果返回内容格式为String ,type值可以省略)

举个栗子吧:

<script>$.post(	"${pageContext.request.contextPath}/SearchServlet",	{"context":$(this).val()},	function(result){	for(var i=0;i<result.length;i++){		$("#itemul").append(" <li class='list-group-item'><a href='#'>"+result[i].word+"("+result[i].pinyin+")"+"</a></li>")			}		},"json");</script>

$.get()以get请求方式发送ajax

除了请求方式不同,使用方式与$.post()完全一致



最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台