zoukankan      html  css  js  c++  java
  • jquery jsonp 跨域

    发起jsonp请求页代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Insert title here</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    </head>
    <body>
    <script>
    $.ajax({
    //async : false, //使用同步请求
    type : 'GET',
    url :
    'http://127.0.0.1:8090/outapp/jsonp',
    dataType:
    'jsonp', //选择返回值类型
    jsonp:"callback", //规定发送/接收参数,默认为callback
    timeout:30000,
    error:
    function(jqXHR, textStatus, errorThrown){
    if(textStatus=="timeout"){
    alert(
    '抱歉!请求超时,请重试!或请检查您的网络状况!'); return false;
    }
    else if(textStatus=="error"||textStatus=="parsererror"){
    alert(
    '抱歉!系统发生错误,请重试!');return false;
    }
    else if(textStatus=="abort"){
    alert(
    '抱歉!程序发生中断,请重试!'); return false;
    }
    },
    success :
    function(msg) {
    if ('' != msg) {
    alert(msg.aa);
    }
    else {
    alert(
    '文件不存在!');
    }
    }
    });
    </script>
    </body>
    </html>

    被跨域请求页代码

    $callback=$_GET['callback'];        
    echo $callback.'({"jsonp": false,"aa": "callbackName" })';

    显而易见:jsonp要求的页面返回值格式为 callback ( json字符串 );

    json字符串的引号为了避免意外错误,最好使用双引号

    对应最终页面输出结果可能为(callback值带有时间戳,会变化): jQuery17109581847573505305_1323695230871({"jsonp": false,"aa": "callbackName" })




  • 相关阅读:
    kubernetes
    dubbo
    前端控件+资源
    Gossip
    问题解决1
    react
    impala
    storm+Calcite
    ASP.NET页面传值与跳转
    经典FormsAuthenticationTicket 分析
  • 原文地址:https://www.cnblogs.com/mybest/p/2285331.html
Copyright © 2011-2022 走看看