jquery的ajax和jsonp的写法

Posted sweeeper

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery的ajax和jsonp的写法相关的知识,希望对你有一定的参考价值。

交互 ajax jsonp
ajax跟之前一模一样
$(document).ready(function(){
    $.ajax({
        url:‘get.php‘,
        type:‘get‘, //或者写‘post‘
    timeout:"3000",
        cache:"false",
        data:{
            a:12,
            b:5
        },
        success:function(str){
            alert(str);
        },
        error:function(err){
            alert(err);
        }
    });
});
注意:向后台传一个json的写法
$.ajax({
url: URL+‘/tasks/task‘,
type: ‘PUT‘,
   chache:"false",

contentType: "application/json",
data: JSON.stringify({
data: {
"key":"value"
}
}),
dataType: "json",
success:function(str){
if(str.errcode==0){
//发送数据成功
}
},
error:function(err){
alert(err);
}
});

 
jsonp
$(document).ready(function(){
    $.ajax({
url:‘https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su‘,
        dataType:‘jsonp‘,
        jsonp:‘cb‘,
        data:{
            wd:‘XX.value‘
        },
        success:function(result){
            alert(result.s);
        } ,
        error:function(err){alert(err)}
    });
}); 




















以上是关于jquery的ajax和jsonp的写法的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据呢

使用 JQuery Ajax 和 JSONP 调用 OData 服务

jquery ajax jsonp 和 angularjs $http json 的区别

jquery Ajax 通过jsonp的方式跨域提交表单

jquery下的ajax和jsonp实现与区别

JQuery+ajax+jsonp 跨域访问