jquery ajax post教程,本教程主要教大家如何简单实用jquery ajax post请求,以及在使用过程中的注意事项。本文实用jsp页面演示例子,需要大家自己下载tomcat6.0并发布到tomcat放到里面运行。 首先先写发起ajax请求的请求页面index.jsp,代码如下,代码是有详细注释,相信大家稍微有点java基础的人都能一看就懂。此处只列出关键代码,完整例子源码将在本文最后提供下载地址。 function testAjaxPost(){
$.ajax({
url:"handle.jsp",//要提交的网址,注意此处网址不能跨域。
type:"post",
data:{name:'xiaoli',age:'28'},//或者name=xiaoli&age=28
dataType:"json",//返回数据的类型,可以使text、xml、html、json等
success: function(data){//请求成功后的回调函数,data为返回的数据
alert(data.result);
$("#result").html(data.result);
},
error:function(xhr,msg){
alert('请求出错'+msg);
}
});
} 然后写需要ajax post参数之后的处理页面,handle.jsp,代码如下:注意下面的构造json的转义字符,尽量使用转义双引号,否则解析可能容易出错。 |