jsonp原理和jquey jsonp原理实践

标签：实践   方法调用   alert   script   call   name   .ajax   success   log   

$.ajax({
    type: "get",
    async: false,
    url: "ajax.htm",
    dataType: "jsonp",
    jsonp: "callback",
    //传到服务器端参数名，需要协商一致
    jsonpCallback: "callbackFunction",
    //传到服务器端参数值，需要协商一致
    success: function(jsonData) {
        alert(jsonData);
        alert(jsonData[0].name);
    }
});

总结：

1、最终组装出来：<script>http://ajax.htm?callback=callbackFunction</script>
2、callback和callbackFunction两名字定义要跟服务器或跨域端协商好。
3、callbackFunction函数要再本地定义好。服务器或跨域端负责调用这函数同时向这函数传数据callbackFunction({name:‘lisi‘,age:‘20‘})。
4、callbackFunction方法调用success(data),对数据进行处理。
5、本地方法：
function callbackFunction(data){
success(data);
}

jsonp原理和jquey jsonp原理实践

标签：实践   方法调用   alert   script   call   name   .ajax   success   log   

原文地址：http://www.cnblogs.com/chenweichu/p/7492524.html