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>