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)) 1 $.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)

猜你喜欢

转载自www.cnblogs.com/yuming2018/p/11325905.html