源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

两种简单的跨域方法(jsonp、php)

  • 时间:2022-08-12 09:43 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:两种简单的跨域方法(jsonp、php)
  [b]Ajax不能跨域[/b],比如您是www.baidu.com,您就不能请求www.163.com的文件。但您可以请求www.baidu.com/1.json、ent.baidu.com/1.json。这是因为安全原因,对于任何后台语言来说、服务器程序来说,所有的XHR类型的请求,如果来自其他的服务器,将不予应答。 [b]一、使用jsonp[/b]   JSONP是JSON with Padding的略称。它是一个非官方的协议,出处不可考,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。--来源百度   JSONP就像是JSON+Padding一样(Padding这里我们理解为调用函数时的填充)。 [img]http://files.jb51.net/file_images/article/201701/201701021504366.png[/img]   绿色部分是JSON,外面的fun();是函数的调用,是padding补充部分。   jsonp的原理很简单,就是把定义写在了HTML源文件里面,而将调用放在script标签引用的文件里面,由于script标签可以跨文件使用,这样就实现了跨域,引用的文件可以有各种格式php 、js、txt等。 下面举个例子: [img]http://files.jb51.net/file_images/article/201701/201701021504367.png[/img] jsonp.txt里面的内容如下:
//调用函数
fun({
  "result" : [
    {
      "name" : "小明",
      "age" : 12,
      "sex" : "男"
    },
    {
      "name" : "小红",
      "age" : 13,
      "sex" : "女"
    },
    {
      "name" : "小绿",
      "age" : 16,
      "sex" : "女"
    }
  ]
});

运行结果: [img]http://files.jb51.net/file_images/article/201701/201701021504368.png[/img] 由于这样使用起来不方便,我们可以将它封装成一个实用轮子: [img]http://files.jb51.net/file_images/article/201701/201701021504369.png[/img] jQuery已经有封装好的API可以直接使用:名称是ajax() 可以查看jQuery手册,参考如下 [img]http://files.jb51.net/file_images/article/201701/2017010215043610.png[/img] [b]二、使用PHP偷数据 [/b] 几乎每种后台语言都可以实现该功能,以下是PHP的示例: 
<?php
  header("Content-Type:text/html;charset=utf-8");
  $a = file_get_contents("网址");
  print_r($a);
?>

其中,header是设置返回到浏览器中的头文件的字符集和文件类型 [img]http://files.jb51.net/file_images/article/201701/2017010215043611.png[/img] 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部