jQueryAjax方法怎么使用

本文小編為大家詳細(xì)介紹“jQuery Ajax方法怎么使用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“jQuery Ajax方法怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

創(chuàng)新互聯(lián)建站是由多位在大型網(wǎng)絡(luò)公司、廣告設(shè)計(jì)公司的優(yōu)秀設(shè)計(jì)人員和策劃人員組成的一個(gè)具有豐富經(jīng)驗(yàn)的團(tuán)隊(duì)，其中包括網(wǎng)站策劃、網(wǎng)頁美工、網(wǎng)站程序員、網(wǎng)頁設(shè)計(jì)師、平面廣告設(shè)計(jì)師、網(wǎng)絡(luò)營銷人員及形象策劃。承接：成都網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)站改版、網(wǎng)頁設(shè)計(jì)制作、網(wǎng)站建設(shè)與維護(hù)、網(wǎng)絡(luò)推廣、數(shù)據(jù)庫開發(fā),以高性價(jià)比制作企業(yè)網(wǎng)站、行業(yè)門戶平臺等全方位的服務(wù)。

jQuery Ajax

**jQuery 提供多個(gè)與 AJAX 有關(guān)的方法。
通過 jQuery AJAX 方法，您能夠使用 HTTP Get 和 HTTP Post 從遠(yuǎn)程服務(wù)器上請求文本、HTML、XML 或 JSON - 同時(shí)您能夠把這些外部數(shù)據(jù)直接載入網(wǎng)頁的被選元素中。**

jQuery AJAX 方法

AJAX 是一種與服務(wù)器交換數(shù)據(jù)的技術(shù)，可以在不重新載入整個(gè)頁面的情況下更新網(wǎng)頁的一部分。

下面是常用的 jQuery AJAX 方法

jQuery ajax() 方法

執(zhí)行異步 AJAX 請求

定義和用法

ajax() 方法用于執(zhí)行 AJAX（異步 HTTP）請求。

所有的 jQuery AJAX 方法都使用 ajax() 方法。該方法通常用于其他方法不能完成的請求。

語法

$.ajax({name:value, name:value, ... })

該參數(shù)規(guī)定 AJAX 請求的一個(gè)或多個(gè)名稱/值對。

使用 AJAX 請求改變

元素的文本：

$("button").click(function(){
    $.ajax({url:"demo_test.txt",success:function(result){
        $("#div1").html(result);
    }});
});

下面的表格中列出了可能的名稱/值：

jQuery - AJAX load() 方法

**jQuery load() 方法是簡單但強(qiáng)大的 AJAX 方法。
load() 方法從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放入被選元素中。**

load()方式是對jquery對象進(jìn)行操作的。

語法:

$(selector).load(url,data,function(response,status,xhr))

下面的例子會在 load() 方法完成后顯示一個(gè)提示框。如果 load() 方法已成功，則顯示”外部內(nèi)容加載成功！”，而如果失敗，則顯示錯(cuò)誤消息：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>function(){
  $("button").click(function(){
    $("#div1").load("/try/ajax/demo_test.txt",function(responseTxt,statusTxt,xhr){
      if(statusTxt=="success")
        alert("外部內(nèi)容加載成功!");
      if(statusTxt=="error")
        alert("Error: "+xhr.status+": "+xhr.statusText);
    });
  });
});
</script>
</head>
<body>

<div id="div1"><h3>使用 jQuery AJAX 修改該文本</h3></div>
<button>獲取外部內(nèi)容</button>

</body>
</html>

jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通過 HTTP GET 或 POST 請求從服務(wù)器請求數(shù)據(jù)。

HTTP 請求：GET vs. POST

兩種在客戶端和服務(wù)器端進(jìn)行請求-響應(yīng)的常用方法是：GET 和 POST。

GET - 從指定的資源請求數(shù)據(jù)
POST - 向指定的資源提交要處理的數(shù)據(jù)

GET 基本上用于從服務(wù)器獲得（取回）數(shù)據(jù)。注釋：GET 方法可能返回緩存數(shù)據(jù)。

POST 也可用于從服務(wù)器獲取數(shù)據(jù)。不過，POST 方法不會緩存數(shù)據(jù)，并且常用于連同請求一起發(fā)送數(shù)據(jù)。

jQuery $.get() 方法

$.get() 方法使用 HTTP GET 請求從服務(wù)器加載數(shù)據(jù)。

語法：

$.get(URL,data,function(data,status,xhr),dataType)

<script>function(){
    $("button").click(function(){
        $.get("/try/ajax/demo_test.php",function(data,status){
            alert("數(shù)據(jù): " + data + "\n狀態(tài): "</script>
</head>
<body>

<button>發(fā)送一個(gè) HTTP GET 請求并獲取返回結(jié)果</button>

</body>
</html>

jQuery $.post() 方法

$.post() 方法使用 HTTP POST 請求從服務(wù)器加載數(shù)據(jù)。

語法:

$(selector).post(URL,data,function(data,status,xhr),dataType)

$("button").click(function(){
    $.post("/try/ajax/demo_test_post.php",
    {
        name:"菜鳥教程",
        url:"http://www.runoob.com"
    },
        function(data,status){
        alert("數(shù)據(jù): \n" + data + "\n狀態(tài): " + status);
    });
});

jQuery getJSON() 方法

使用 HTTP GET 請求從服務(wù)器加載 JSON 編碼的數(shù)據(jù)

語法

$(selector).getJSON(url,data,success(data,status,xhr))

讀到這里，這篇“jQuery Ajax方法怎么使用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享標(biāo)題：jQueryAjax方法怎么使用
網(wǎng)頁URL：http://bm7419.com/article10/igiddo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、軟件開發(fā)、定制開發(fā)、營銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容