两种简单的跨域方法(jsonp、php)
更新时间：2017年01月02日 15:14:00 作者：紫月凌枫
这篇文章主要为大家详细介绍了两种简单的跨域方法，使用jsonp和php实现跨域，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Ajax不能跨域，比如您是www.baidu.com，您就不能请求www.163.com的文件。但您可以请求www.baidu.com/1.json、ent.baidu.com/1.json。这是因为安全原因，对于任何后台语言来说、服务器程序来说，所有的XHR类型的请求，如果来自其他的服务器，将不予应答。
一、使用jsonp
JSONP是JSON with Padding的略称。它是一个非官方的协议，出处不可考，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。--来源百度
JSONP就像是JSON+Padding一样(Padding这里我们理解为调用函数时的填充)。
绿色部分是JSON，外面的fun();是函数的调用，是padding补充部分。
jsonp的原理很简单，就是把定义写在了HTML源文件里面，而将调用放在script标签引用的文件里面，由于script标签可以跨文件使用，这样就实现了跨域，引用的文件可以有各种格式php 、js、txt等。
下面举个例子：
jsonp.txt里面的内容如下：
//调用函数
fun({
"result" : [
{
"name" : "小明",
"age" : 12,
"sex" : "男"
},
{
"name" : "小红",
"age" : 13,
"sex" : "女"
},
{
"name" : "小绿",
"age" : 16,
"sex" : "女"
}
]
});
运行结果：
由于这样使用起来不方便，我们可以将它封装成一个实用轮子：
jQuery已经有封装好的API可以直接使用：名称是ajax（）
可以查看jQuery手册，参考如下
二、使用PHP偷数据
几乎每种后台语言都可以实现该功能，以下是PHP的示例：
<?php
header("Content-Type:text/html;charset=utf-8");
$a = file_get_contents("网址");
print_r($a);
?>
其中，header是设置返回到浏览器中的头文件的字符集和文件类型
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于three.js利用gpu选取物体并计算交点位置的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
这篇文章主要给大家介绍了关于TypeScript中方法重载的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用TypeScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了微信小程序实现左滑修改、删除功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
JavaScript 创建对象的方式有很多，通过 Object 构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。本文介绍了七种非常经典的创建对象的方式，希望对大家有所帮助2022-11-11
这篇文章主要为大家详细介绍了慕课网题目之js抽奖系统功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要介绍了Javascript实现返回上一页面并刷新的小例子，有需要的朋友可以参考一下2013-12-12
Javascript验证用户输入URL地址是否为空及格式是否正确
这篇文章主要介绍了Javascript验证用户输入URL地址是否为空及格式是否正确,很实用，需要的朋友可以参考下2014-10-10
在JavaScript中,可以通过值和引用传递,两者之间的主要区别是,按值传递发生在赋值基本类型的时候,而赋值对象时按引用传递,下面这篇文章主要给大家介绍了关于JS中"值传递"和"引用传递"的相关资料,需要的朋友可以参考下2022-05-05
一个跟随鼠标的小手效果，鼠标移在哪里，小手就跟着移向哪里，会出现手的效果，放在链接上的时候，手会变化，两只手很可爱哦，JS鼠标跟随代码分享与大家。2013-05-05
图像放大镜在很多网站中都扮演着重要的角色，大多数开发人员使用 jquery 来创建图像放大镜。在本教程中，我将向大家展示如何使用 HTML、CSS 和 JavaScript 制作一个简单的图像放大镜，需要的可以参考一下2022-08-08
最新评论