现在的位置: 首页 > 综合 > 正文

实现数据跨域交互

2018年04月14日 ⁄ 综合 ⁄ 共 566字 ⁄ 字号 评论关闭

在js和后台进行数据交互时可能出现跨域的问题。

所谓的跨域是:比如说我的静态页面是在域名http://test.xoyo.com下的a.html,但是我的后台文件是在http://test1.xoyo.com下面的a.php,我需要在将数据在a.html和a.php下进行交互,这样就涉及到跨域了。

解决跨域的方法我一般采用的是JSONP:

首先,我们在静态页面写入js:

     jQuery.getJSON("http://website/test1/index.php?name=name&pwd=pwd&code=check&callback=?",function(object){        
                    alert(object.object);//返回的数据
              });
    }

其中后面的&callback=?参数必须要带上的。

其次,在后台数据输出时应该这样:

    $result = array('num'=>6);
    $jsonData =json_encode($result);
    echo $_GET['callback'] . '(' . $jsonData . ');';

其中echo输出的$_GET['callback'] 是必须加上的。

这样数据就可以进行交互了。

具体网址可以查看:http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/

抱歉!评论已关闭.