zoukankan      html  css  js  c++  java
  • 使用JSON实现数据的跨域传输

    功能:某网站后台用php脚本得到一个JSON格式的数据,交给前台javascript进行处理,使用JSON实现数据的跨域调用

    后台profile.php代码:

    <?php  
    $arr = array(
    'firstname' => iconv('gb2312', 'utf-8', '非诚'),
    'lastname' => iconv('gb2312', 'utf-8', '勿扰'),
    'contact' => array(
    'email' =>'fcwr@dibaye.com',
    'website' =>'http://www.dibaye.com',
    )
    );
    //将一个数组JSON
    $json_string = json_encode($arr);
    //此处注意,双引号能对里面的变量当变量进行处理,单引号则不会
    echo "getProfile($json_string)";
    ?>

    需要指出的是,在非UTF-8编码下,中文字符将不可被encode,结果会出来空值,所以,如果你使用 gb2312编写PHP代码,那么就需要将包含中文的内容使用iconv或者mb转为UTF-8再进行json_encode。

    前台index.html代码:

    <script type="text/javascript"> 
    function getProfile(str) {
    var arr = str;
    document.getElementById(
    "firstname").innerHTML = arr.firstname;
    }
    </script>
    <body>
    <div id="firstname"></div>
    </body>
    <!-- 使用JSON实现跨域的数据调用,此处如将“profile.php”改为“http://另外一个域名/profile.php”就更能看出跨域了-->
    <script type="text/javascript" src="profile.php"></script>

    将JSON格式的数据直接赋值给javascript中的变量,就变成数组了,接下来操作起来就会非常的方便,此处如果使用XML做为数据传输,后续操作就不方便喽。

    很显然,当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div 中,这样一次跨域数据交互就完成了

    调用index.html

    输出:非诚

  • 相关阅读:
    EF 4.3 CodeBased 数据迁移演练
    极酷播放插件使用问题
    IIS优化《转载》
    Entity Framework收藏版
    如何得到ADO.NET Entity Framework生成的SQL
    浏览器兼容性笔记(转)
    初识window phone 7程序
    如何真正提高ASP.NET网站的性能《转载》
    IIS使用十大原则,(IIS过期时间,IIS缓存设置) 【转载】
    IIS开启GZIP压缩效率对比及部署方法《转载》
  • 原文地址:https://www.cnblogs.com/eczhou/p/2294954.html
Copyright © 2011-2022 走看看