這篇文章主要講解了“JavaScript中ajax的實例用法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JavaScript中ajax的實例用法”吧！
（1）$.load(url,[data],[callback])
作用：加載指定的資源寫入當前頁面
例子：
$(function() {
$("body #d1").load("2.html");
alert($("現在html").html());
$("#b1").click(function() {
alert($("html").html());
});
});<strong>
</strong>html：
1.html：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/demo1.js"></script> </head> <body> 1111111111 <div id="d1"></div> <input id="b1" type="button" value="點擊"> </body> </html>
2.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> 22222 </body> </html>
$.get(url,[data],[callback])
作用：向服務器發送get請求：
$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});$.post(url,[data],[callback])
作用：同上
$.getJSON(url,[data],[callback])
作用：同上，只不過載入的數據要是json數據
$.getJSON("test.js", function(json){
alert("JSON Data: " + json.users[3].name);
});$.getScript(url,[callback])
作用：從指定的url載入js數據，并執行
例子（來自w3school）
$.Ajax(options)：
參數詳解：
async://Boolean類型 此鍵值對默認情況下為true，也就是異步請求（局部刷新）；如果設置為false，將會變成同步請求，那么此時將會鎖住瀏覽器，用戶無法對其進行其他操作，必須等待請求完畢后才會解鎖。
global (Boolean類型) //表示是否觸發全局，默認為觸發（true），Ajax的全局設置將在后面的章節講，設置全局則表示所有的Ajax將能夠使用此全局內容，比如所有的Ajax事件都觸發同一個路徑。
type (String) : //(默認: "GET") 請求方式 ("POST" 或 "GET")， 默認為 "GET"。注意：其它 HTTP 請求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支持。
cache:(Boolean類型) //設置false將不會從瀏覽器緩存中加載信息，用于jQuery1.2或更高的版本。
contentType:(String類型) //用于設置編碼格式，默認為: "application/x-www-form-urlencoded")格式，一般推薦此格式。
ifModified (Boolean) : //(默認: false) 僅在服務器數據改變時獲取新數據。
processData (Boolean) : // (默認: true) 默認情況下，發送的數據將被轉換為對象。
timeout (Number) ://設置置請求超時時間（毫秒）。此設置為全局設置。
dataType:(String類型) //用于設置服務器返回的數據類型，但填寫的內容也是有限制的，可用值如下
┠xml //設置此值服務器端將XML文檔，如果大家對Ajax比較了解，我想大家也知道Ajax中的x代表是什么了吧？因此叫做A(Asynchronous)j(javascript)a(and)x(xml)
┠html //服務器返回HTML格式文檔,（根據個人理解，如果按照遭上面的理解xml表示x的話，那么此類型不就表示ajah了嘛）。
┠script //服務器返回【純文本】的腳本，不會執行或進行計算。
┠json //返回Json格式的文檔
┠text //返回純文本
┗jsonp //JSONP是一個非官方的協議，它允許在服務器端集成Script tags返回至客戶端，通過javascript callback的形式實現跨域訪問，比如用戶想得到["kwoojan","KwooShung"]，如果設置了jsonp那么服務器將返回callbackFunction(["kwoojan","KwooShung"])
data(String類型) //此方法至關重要，主要用于將數據發送至服務器。格式為鍵值對，如userName=CSS學習網&Address=http://www.cssxuexi.cn/ 那么服務器接受到的userName相對應的值就是CSS學習網
url (String) :// (默認: 當前頁地址) 發送請求的地址，也就是你的data數據需要被處理的地址。
beforeSend(function) //此鍵值為函數方法，當你發送請求之前調用此方法。例如當用戶進行了某個操作，這時頁面上顯示出“正在加載中，請稍后”等類似的字樣，多數情況下此鍵值對用于給予用戶友好的提示。
success (Function) //當Ajax請求成功時，調用此方法，一般用于解析服務器所返回的數據。
error (Function) //求失敗時調用此方法。
complete (Function) //當Ajax請求完畢的時候調用此方法在配上一個具體的例子：
function reg()//注冊
{
$.ajax
({
type: "POST",
cache:false,
url: "servlet/UserServer",
dataType:"json",
data: "class=reg&userName="+ $("#userName").val() +"&userPwd="+ $("#userPwd").val(),
success: function(data)
{
alert(data.info);
},
error:function()
{
alert("訪問數據失??！");
}
});
}感謝各位的閱讀，以上就是“JavaScript中ajax的實例用法”的內容了，經過本文的學習后，相信大家對JavaScript中ajax的實例用法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
