zoukankan      html  css  js  c++  java
  • JSONP的客户端的具体实现

    JSONP的客户端的具体实现
    1.远程调用一个js,代码如下:
            <script type="text/javascript">
            var localHandler = function(data){
            alert('我是本地函数,可以被跨域的remote.js文件调用,远程js带来的数据是:' + data.result);
        };
        </script>
        <script type="text/javascript" src="http://remoteserver.com/remote.js"></script>
            remote.js文件代码如下:
            localHandler({"result":"我是远程js带来的数据"});
    2.动态生成脚本
            <script type="text/javascript">
        // 得到航班信息查询结果后的回调函数
        var flightHandler = function(data){
            alert('你查询的航班结果是:票价 ' + data.price + ' 元,' + '余票 ' + data.tickets + ' 张。');
        };
        // 提供jsonp服务的url地址(不管是什么类型的地址,最终生成的返回值都是一段javascript代码)
        var url = "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998&callback=flightHandler";
        // 创建script标签,设置其属性
        var script = document.createElement('script');
        script.setAttribute('src', url);
        // 把script标签加入head,此时调用开始
        document.getElementsByTagName('head')[0].appendChild(script);
        </script>
            flightHandler({
                        "code": "CA1998",
                        "price": 1780,
                        "tickets": 5
            });
    3.封装代码
                    把代码封装一下,以便于与用户界面交互,从而实现多次和重复调用。

  • 相关阅读:
    Shell学习笔记 ——第一天
    Myclipse 安装 Maven遇见的N个异常
    Myeclipse 创建 Web Maven项目
    Guava API
    String 转Map(基于Guava类库)
    Mybatis——helloWorld级程序
    redis
    listener、context、filter、servlet及其加载顺序
    junit 单元测试
    hibernate —— 树状存储
  • 原文地址:https://www.cnblogs.com/ricesm/p/5055045.html
Copyright © 2011-2022 走看看