使用jquery实现ajax跨域请求非常简单

跨域请求需要前端和后端配合

1，前端

以下是一个ajax使用jsonp跨域的示例

[pcsh lang="js" tab_size="4" message="" hl_lines="" provider="manual"]

$.ajax({
    type:"post",
    url :apiweibo,
    dataType : 'jsonp',
    jsonp : 'callback',
    data:
    {
        page : page,
        type : type,
    },
    success:function(res){
        list.data = res.data;
    }
});

[/pcsh]

2，后端

后端基本上也没什么变化，只是把你要回复的内容放在一个与前端jsonp字段同名的callback函数中

以下为示例

[pcsh lang="php" tab_size="4" message="" hl_lines="" provider="manual"]

$callback = isset($_GET['callback']) ? trim($_GET['callback']) : ''; 
if($callback)
{
    echo $callback.'('.json_encode(['data'=>$data]).')';
}
else
{
    echo json_encode(['data'=>$data]);
}

[/pcsh]

 

最后更新于 2017-03-17 15:58:08 并被添加「」标签，已有 643 位童鞋阅读过。