jQuery ajax()方法

时间 2019-12-06

标签 jquery ajax 方法栏目 JQuery 繁體版

原文原文链接

$.ajax()方法：ajax

* 发送data主要有3种方式
* 1.json 数组(推荐1)
* 2.url拼接
* 3.表单的序列化serialize(推荐2)json

(1)json 数组(推荐1)数组

$(function(){ var myClick = function(){ var userName = $().val(); var myDate = {userName:usrName}; var myFunction = function(result){alert(result)}; var eeorFunction = function(){alert("发生异常")}; $.ajax({ url:'B',//目标为Servlet B发送请求地址 type:'GET',/*访问Servlet B请求方式（post或get）默认为get。注意其余http请求方法，例如put和delete也可使用，但仅部分浏览器支持。*/ date：myDate,//把信息提交给Servlet数据 dateType:'text',//返回类型为文本类型 　 success:myFunction,//成功后的回调函数，result为服务器返回的内容 　 error:errorFunction, 　 timeout:2000

　　　　　　/*
　　　　　　　　$.ajax()以上7个方法都是经常使用方法。
　　　　　　*/ }); } $("#img").click(myClick); }); <body> <form> 　　<input id="userName" name="userName"value="xiaoming"><br> 　　<img id="img" src="img/1.png"> 　　</form> </body>

(2)url拼接浏览器

$(function(){ var myClick = function(){ var userName = $().val(); var myDate = {userName:usrName}; var myFunction = function(result){alert(result)};
 /*var eeorFunction = function(){alert("发生异常")};*/

　　　　var errorFunction = function(XMLHttpRequest,textStatus){
　　　　//alert('发生错误');
　　　　if (XMLHttpRequest.status==404){
　　　　alert('找不到服务器[404]');
　　　　} else if(XMLHttpRequest.status==500){
　　　　alert('服务器忙，请稍后再试[500]');
　　　　}else{
　　　　alert('服务器错误['+XMLHttpRequest.status+']');
　　　　}
服务器

　　　}　 $.ajax({ url:'B?userName='+$("#userName").val(),//目标为Servlet B发送请求地址
 type:'GET',/*访问Servlet B请求方式（post或get）默认为get。注意其余http请求方法，例如put和delete也可使用，但仅部分浏览器支持。*/ date：myDate,//把信息提交给Servlet数据 dateType:'text',//返回类型为文本类型 　 success:myFunction,//成功后的回调函数，result为服务器返回的内容 　 error:errorFunction, 　 timeout:2000 }); } $("#img").click(myClick); }); <body> <form> 　　<input id="userName" name="userName"value="xiaoming"><br> 　　<img id="img" src="img/1.png"> 　　</form> </body>

(3)　表单的序列化serialize(推荐2)函数

$(function(){

　　　　var kk = $("#userName").serialize();
　　　　var tt = $("#frm1").serialize();
　　　　//alert(t //var myClick = function //var userName = $().val();post

 //var myDate = {userName:usrName}; 

 var myFunction = function(result){alert(result)};  /*var eeorFunction = function(){alert("发生异常")};*/ 　　　var errorFunction = function(XMLHttpRequest,textStatus){ 　　　　//alert('发生错误'); 　　　　if (XMLHttpRequest.status==404){ 　　　　alert('找不到服务器[404]'); 　　　　} else if(XMLHttpRequest.status==500){ 　　　　alert('服务器忙，请稍后再试[500]'); 　　　　}else{ 　　　　alert('服务器错误['+XMLHttpRequest.status+']'); 　　　　} 　　　}　 $.ajax({ url:'B?userName='+$("#userName").val(),//目标为Servlet B发送请求地址 type:'GET',/*访问Servlet B请求方式（post或get）默认为get。注意其余http请求方法，例如put和delete也可使用，但仅部分浏览器支持。*/ date：myDate,//把信息提交给Servlet数据 dateType:'text',//返回类型为文本类型 　 success:myFunction,//成功后的回调函数，result为服务器返回的内容 　 error:errorFunction, 　 timeout:2000 }); } $("#img").click(myClick); }); <body> <form> 　　<input id="userName" name="userName"value="xiaoming"><br>
　　　　<input id="sex" name="sex" value="男"><br>
　　　　<img id="img" src="img/1.png"> 　　</form> </body>