jQuery_Ajax預設Ajax選項

在頻繁與服務器進行交互的頁面中,每一次交互都要設置很多選項,操作較爲繁瑣且易出錯。在jQuery中定義了ajaxSetup()方法,該方法可以預設異步交互中通用選項,從而減輕頻繁設置選項的操作。

先使用$.ajaxSetup()方法把本頁面中異步交互的公共選項進行預設,包括請求的服務器端文件、禁止觸發全局Ajax事件、請求方式、響應數據類型和響應成功之後的回調函數。這樣在不同按鈕上綁定異步請求時,只需要設置發送請求的信息就可以。

先創建一個服務器端的請求文件test.asp,直接用txt文件進行修改後綴的方法得到.asp文件,再輸入下面代碼

<%@LANGUAGE="JAVASCRIPT"CODEPAGE="65001"%>
<%
var name = Request.Form("name");
if(name){
    Response.Write("接受到請求信息:"+name);

}
else{
    Response.Write("沒有接受到請求信息");
}
%>

其中CodePage:可讀/可寫。整型。定義用於在瀏覽器中顯示頁內容的代碼頁
CODEPAGE=65001 就是UTF-8
LANGUAGE:JAVASCRIPT 服務執行腳本語言!
來源:百度知道 https://zhidao.baidu.com/question/491361426.html

創建一個html文件進行主要代碼編寫:、

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <script src="../Scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $.ajaxSetup({               //預設公共選項
                url: "test.asp",        //請求的url
                global: false,          //禁止除非全局ajax事件
                type: "POST",           //請求方式
                dataType: "text",       //響應數據的類型
                success: function (data) {      //響應成功之後的回調函數
                    alert(data);
                }
            });
            $("input").eq(0).click(function () {        //爲按鈕1綁定異步請求
                $.ajax({
                    data: "name=zhu"
                });
            });
            $("input").eq(1).click(function () {
                $.ajax({
                    data: "name=zhu1"
                });
            });
            $("input").eq(2).click(function () {
                $.ajax({
                    data: "name=zhu2"
                });
            });
        })
    </script>
</head>
<body>
    <input type="button" value="異步請求1"/>
    <input type="button" value="異步請求2" />
    <input type="button" value="異步請求3" />
</body>
</html>

eq() 方法將匹配元素集縮減值指定 index 上的一個。

jQuery選擇器歸納:

jQuery 元素選擇器
jQuery 使用 CSS 選擇器來選取 HTML 元素。
$("p") 選取 <p> 元素。
$("p.intro") 選取所有 class="intro" 的 <p> 元素。
$("p#demo") 選取所有 id="demo" 的 <p> 元素。

jQuery 屬性選擇器
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

來源:jQuery 選擇器 http://www.w3school.com.cn/jquery/jquery_selectors.asp

主要參考來源:JQuery開發完全技術寶典 朱育發 岳陽 編寫 中國鐵道出版社
第九章【使用Ajax】【第9.7節-預設Ajax選項】

發佈了24 篇原創文章 · 獲贊 12 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章