[聚合文章] Ajax跨站请求

浏览器不允许Ajax跨站请求，所以存在Ajax跨域问题，目前常用的方法如下：

1、在请求页面上使用Access-Control-Allow-Origin标头，之前写的方法就是这种。

使用如下标头可以接受全部网站请求：

header('Access-Control-Allow-Origin:*')

请求按一般写法就行

$(function(){
 $.post(
 url, 
 data,
 function(data, textStatus, xhr) {
 console.log(data);
 },
         "json");
});

2、使用jsonp跨域请求。

服务器：

$data = json_encode(array('msg'=>'msg....'));
die( $_REQUEST['function_name_index'].'('.$data.')' );

ajax请求：

    $.ajax({
        url:url,
        dataType:'jsonp',
        jsonp:'function_name_index',
        jsonpCallback:'function_name',
        success:function(data){
            console.log(data.msg);
        }
    });

在ajax请求中，使用jsonp数据格式，所以讲dataType参数设置为jsonp，平常，还加到了jsonp和jsonpCallback两个参数，结合代码，不难看出这两个参数作用：

jsonp的作用是设置服务器获取回调函数名称参数的下标参数，jsonpCallback的作用就是设置回调函数，相当于input标签中name和value，jsonp对应name，value对应jsonpCallback。