采用jQuery发起Ajax请求

最新推荐文章于 2024-10-22 15:15:00 发布

原创最新推荐文章于 2024-10-22 15:15:00 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

JS/jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了AJAX的基本概念及使用方法，并深入探讨了同域与跨域请求的区别与实现方式，包括如何通过$.ajax()函数进行跨域请求并处理JSONP。文章还提供了一个自定义的API调用函数，用于简化跨域请求的调用过程。

同域请求

   $.ajax({  
			    type: "post|get",  
			    async: true|false,  
			    url: url,  
			   data: "param=value" | {"param" : value,"param2" : value2},  
			   dataType: "HTML" | "json",  
			  success: function(data) {
		                    //do something
                                   //如果返回是JSON对象，需要做 eval(json) 转换
              }
});

跨域请求，type 必须为get

function callApiUdf(url, params, success, error) {
    $.ajax({
        url        : url,
        type    : 'GET',
        dataType: 'jsonp',
        jsonp    : 'callback',
        data    : params,
        success    : success,
        error    : error
    });
}