javascript - 如何接受jsonp跨域请求的返回值

问题描述

问 题

百度短链接口：http://www.baidu.com/search/dwz.html#05

5.怎样调用百度短网址API？
生成短网址 请求：向dwz.cn/create.php发送post请求，发送数据包括url=长网址 返回：json格式的数据 status!=0 出错，查看err_msg获得错误信息（UTF-8编码） 成功，返回生成的短网址tinyurl字段

下面请求报错

    $.ajax({
        type: "post",
        url: "http://dwz.cn/create.php",
        data: {url:"http://www.baidu.com"},
        dataType : "jsonp",
        jsonp: "callback",
        success: function(response){
            console.log(response);
        }
    });

解决方案

我看了下貌似没有对外的jsonp返回接口？

建议用后端语言做一层代理吧？

比如PHP

$url = $_POST["url"];
$postdata = http_build_query(
    array(
       'url' => $url
    )
);

$opts = array('http' =>
    array(
       'method'  => 'POST',
       'header'  => 'Content-type: application/x-www-form-urlencoded',
       'content' => $postdata
    )
);

$context  = stream_context_create($opts);

$result = file_get_contents('http://dwz.cn/create.php', false, $context);
echo $result;

Javascript代码

$.ajax({
        type: "post",
        url: "/index/aa",
        data: { url:"http://www.baidu.com" },
        success: function(response){
            console.log(response);
        }
    });

console.log输出结果类似

{"tinyurl":"http:\//\dwz.cn\/yes","status":0,"longurl":"http://www.baidu.com","err_msg":""}

这篇关于javascript - 如何接受jsonp跨域请求的返回值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！