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()完全一致