jquery對於ajax的封裝


第一層封裝

$.ajax({ 屬性名:值,屬性名:值})

/*
url: 請求服務器地址
data:請求參數
dataType:服務器返回數據類型
error 請求出錯執行的功能
success 請求成功執行的功能,function(data) data 服務器返
回的數據.
type:請求方式
*/
$("a").click(function(){
    $.ajax({
        url:'demo',
        data:{"name":"張三"},
        dataType:'html',
        error:function(){
            alert("請求出錯.")
        },
        success:function(data){
            alert("請求成功"+data)
        },
        type:'POST'
    });
    return false;
})

第二層封裝         

$.get(url,data,success,dataType)             

$.post(url,data,success,dataType)

$("a").click(function(){
    $.post({
        url:'demo',
        data:{"name":"張三"},
        function(data){
            alert("請求成功"+data)
        },
        dataType:'html'
    })
})

第三層封裝             

$.getJSON(url,data,success).                     

$.getScript(url,data,success)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM