|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 ajax()方法中的參數有type,contentType、jsonp等用來設置ajax中的請求方法,編碼類型以及回調函數名等ajax方法就是通過HTTP 請求加載遠程數據。該方法是由 jQuery 中底層的 AJAX來 實現的大多數情況下不需要直接操作函數,除非我們需要使用不常使用的功能,來獲得更多的靈活性,接下來在文章中將和大家詳細介紹 【推薦課程:ajax課程】
最簡單的情況下,$.ajax() 可以不帶任何參數直接使用。 $.ajax(); ajax參數介紹 (1)type:HTTP 請求方法,默認為GET (2)url:發送請求的地址 (3)username:響應 HTTP 訪問認證請求的用戶名 (4)xhr:返回一個 XMLHttpRequest 對象 (5)options:ajax 請求設置對所有的選項都是可選的 (6)async:判斷請求是異步請求或是同步請求,如果為true,則為異步請求;為false則為同步請求(默認情況下為true) (7)beforeSend(XHR):發生前可修改XMLHttpRequest 對象的函數,如果返回的是false則取消ajax請求。 (8)cache:為默認值true時緩存頁面,為false時將不緩存此頁面 (9)contentType:指發生信息至服務器時的內容編碼,默認值為"application/x-www-form-urlencoded" (10)context:設置 Ajax 相關回調函數的上下文,讓回調函數內的this指向這個對象,如果不設定則this指向options (11)data:指發送到服務器上的數據,自動轉換為請求字符串格式。 (12)dataType:服務器返回的數據類型 (13)global:表示是否觸發全局ajax事件,true時為出發,如果設置false將不會觸發。 (14)jsonp:在請求中重寫回調函數名字,用來代替GET或許POST請求中URL的參數“callback” (15)jsonpCallback:請求指定一個回調函數名。代 替jQuery 自動生成的隨機函數名。 (16)password:響應 HTTP 訪問認證請求的密碼 (17)success:請求成功后的回調函數 (18)timeout:設置請求超時的時間 ajax()中還有很多其他的參數方法,在這里就不一一介紹了,接下來將通過具體的實例告訴大家如何實現ajax程序的。 ajax代碼 <body>
<script type = "text/javascript" src = "jquery/jquery-1.12.4.js"></script>
<script type = "text/javascript"">
$(document).ready(function() {
$("#btn").click(function(event){
$.ajax( {
url:'result.html',
success:function(data) {
$('#box').html(data);
}
});
});
});
</script>
</head>
<body>
<p>點擊下方按鈕將會訪問result文件</p>
<div id = "box" style = "background-color:pink;width:200px;height:40px;text-align: center;line-height: 40px;font-size: 12px;color:#444;margin-bottom:10px"> </div>
<input type = "button" id = "btn" value = "點擊" />
</body>result.html代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>ajax方法的演示</h1> </body> </html> 運行結果圖
總結:以上就是本篇文章的全部內容了,希望通過這篇文章可以讓大家對jQuery中的ajax方法有一定的了解。 以上就是jQuery中ajax()方法有哪些參數的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!