Ajax请求大全.docVIP

Ajax请求大全 一、简单的Ajax请求 script $(function() { $(input[type=button]).bind(click, function() { /**Ajax的请求*/ $.ajax( { url : json.html, //是否异步 async : true, //请求的方法 type : get, //请求成功时调用 success : function(msg) { alert(msg); }, //请求失败时调用 error : function(msg) { alert(msg); } }); }); }); /script !—body部分-- body input type=button value=Ajax请求 / /bodyscript type=text/javascript $(function(){ $(input[type=button]).bind(click,function(){ /**Ajax的请求*/ $.ajax({ //请求的路径及所传的参数 url:user.jsp?name=kouxiaolin, //是否异步 async:true, //请求的方法 type:get, //请求成功时调用 success:function(msg){ alert(msg); }, //请求失败时调用 error:function(msg){ alert(msg); } }); }); }); /script !—body部分-- body input type=button value=Ajax请求 / /body—user.jsp-- %@ page language=java import=java.util.* pageEncoding=UTF-8% % String name = request.getParameter(name); if(kouxiaolin.equals(name)){ out.print(用户名正确); }else{ out.println(用户名错误); } %$(function() { //参数也可以在前面定义好，然后再后面调用 // var obj={name:kouxiaolin,pass:123}; $(input[type=button]).bind(click, function() { /**Ajax的请求*/ $.ajax( { url : user.jsp, //是否异步 async : true, //请求方式 type : post, //所传参数多个参数用连接：data:name=kouxiaolinpass=123 data:name=kouxiaolin, //data：obj, //请求成功时调用 success : function(msg) { alert(msg); }, //请求失败时调用 error : function(msg) { alert(msg); } }); }); }); /script 三、Ajax请求解析json script $(function() { $(input[type=button]).bind(click, function() { /**Ajax的请求*/ $.ajax( { url : user.html, //是否异步 async : true, //请求的方法 type : get, //请求成功是调用 success : function(msg) { alert();//返回kouxiaolin }, //请求失败时调用 error : function(msg) { alert(msg); }, //请求解析返回的类型是json类型 dataType:json }); }); }); /script !—user.html-- {name:kouxiaolin,pass:123} 四、Ajax请求解析xml script $(function() { $(input[type=button]).bind(c