zoukankan      html  css  js  c++  java
  • 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" })

    From: http://www.cnblogs.com/mybest/archive/2011/12/12/2285331.html

  • 相关阅读:
    语言基础
    进制转换
    ado属性扩展
    ado数据模型和数据访问类,泛型集合
    完整的修改和删除
    完整的删除
    修改
    类库
    接口
    抽象类
  • 原文地址:https://www.cnblogs.com/wumingcong/p/4648264.html
Copyright © 2011-2022 走看看