php+ajax+jsonp跨域

最新推荐文章于 2023-02-05 11:32:53 发布
最新推荐文章于 2023-02-05 11:32:53 发布
阅读量132 收藏
点赞数

一，jsonp  是http的get请求（不支持post）

参考：http://www.php.cn/js-tutorial-394158.html

首先要说明一下json和jsonp的区别？

json是一种基于文本的数据交换方式，或者叫做描述数据的一种格式。

1

2

3

4

5

6

7

var person = {

    "name": "test",

    "age": "25",

    "sex": "男"

};

 

var data = [1, 2, 3, 4, 5];

而jsonp是一种非官方跨域数据交互协议，该协议允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住json数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。
比如我在a.com的网站上引用了b.com的一个b.js，但这样跨域的引用并不会产生错误，说明调用js文件时不受跨域的影响。

1

<script type="text/javascript" src="http://www.b.com/b.js"></script>

那么我们在b.js里添加如下代码，看看是否能够执行

1

alert("I from b");

确定是可以执行。

 

那么如果我们在a.com上自已创建一个js函数，而在b.com下的b.js中调用，那是否可行呢？

a.com下的index.html如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <script type="text/javascript">

        function a(data) {

            alert("I from a \r\n" + "data:" + data);

        }

    </script>

    <script type="text/javascript" src="http://www.b.com/b.js"></script>

</body>

</html>

b.com下的b.js如下：

1

a("from b");

上面也是可以执行的，我们可以看到在b.js中的数据确实正确的传到了函数a中。

 

问题又来了，a.com中创建的函数名与b.js中调用的函数名必须一致，那么如何才能让b.com服务端知道这个函数名，只有通过地址栏来传递了，加上一个callback=函数名来传递。当然callback这个命名可以改，但大家都这么命名，也就约定俗成了。

a.com下的index.html如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <script type="text/javascript">

        function a(data) {

            alert("uid :" + data.uid + "name :" + data.name);

        }

    </script>

 

    <!-- 注意这里把b.js改成b.php了 -->

    <script type="text/javascript" src="http://www.b.com/b.php?callback=a"></script>

</body>

</html>

b.com下的b.php如下：

1

2

3

4

5

6

7

8

9

10

11

12

<?php

 

$callback = !empty($_GET['callback']) ? trim($_GET['callback']) : '';

 

if(!empty($callback)) {

    $data = json_encode(array(

        'uid' => 1,

        'name' => '测试',

    ));

     

    echo "{$callback}({$data});";

}

上面也是可以执行的，知道了回调函数名，b.com服务端处理好数据，然后通过字符串拼接输出。

 

jquery中就已经提供了jsonp的支持，a.com下的index.html如下所示：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <div class="info"></div>

    <script type="text/javascript" src="http://www.b.com/jquery.js"></script>

    <script type="text/javascript">

    $.ajax({

        dataType: "jsonp",

        url: "http://www.b.com/b.php",

        jsonp: "callback",

        success: function(data) {

            $(".info").text("uid:" + data.uid + " name:" + data.name);

        }      

    });

    </script>

</body>

</html>

PHP下ajax跨域的解决方案之jsonp - 怀素真 - 因上努力 果上随缘

跨域策略限制情况表如下：

URL说明允许通信
http://www.a.com/a.js
http://www.a.com/b.js		同一域名下允许
http://www.a.com/lab/a.js
http://www.a.com/script/b.js		同一域名下不同文件夹允许
http://www.a.com:8000/a.js
http://www.a.com/b.js		同一域名，不同端口不允许
http://www.a.com/a.js
https://www.a.com/b.js		同一域名，不同协议不允许
http://www.a.com/a.js
http://127.0.0.100/b.js		域名和域名对应ip不允许
http://www.a.com/a.js
http://script.a.com/b.js		主域相同，子域不同不允许
http://www.a.com/a.js
http://a.com/b.js		同一域名，不同二级域名（同上）不允许
http://www.a.com/a.js
http://www.b.com/b.js		不同域名不允许

 

gcl_guyunlige
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
php+ajax实现跨域单点登录
Huangwenting1990的博客
09-14 2945
php和ajax具体实现单点登录。 在本次示例中我们需要两个站点： www.onmpw.com www.onmpw1.com 当然还有一个验证系统 www.SSOsite.com 为了实现单点登录。首先，我们需要将要设置两个站点使其共享session。至于如何共享session，可以参考《PHP集群session共享》这篇文章。这里我们就不做详细的介绍了。 假设我们已经设置了二者可以
PHP实战之项目跨域解决方案
六道有言的博客
05-28 1527
#程序员薪资揭榜#你做程序员几年了？月薪多少？发量还在么？>>> ...
PHP下ajax跨域的解决方案之jsonp
weixin_33714884的博客
01-17 138
首先要说明一下json和jsonp的区别？ json是一种基于文本的数据交换方式，或者叫做描述数据的一种格式。 var person = { "name": "test", "age": "25", "sex": "男" }; var data = [1, 2, 3, 4, 5]; 而jsonp是一种非官方跨域数据交互协议，该协议允许用户传
PHP下实现两种ajax跨域的解决方案之jsonp
weixin_34237596的博客
10-15 88
H5开发中使用ajax调用数据接口， 如果接口文件不在同域名下会提示跨域错误（No 'Access-Control-Allow-Origin' header is present on the requested resource.）。 1.兼容IE浏览器的方法，在Ajax请求的时候使用jsonp： $("#search").click(function() { $.ajax({ ...
php callback,PHP callback函数使用方法和注意事项
weixin_39841825的博客
03-09 199
在PHP中有些诸如 call_user_function() 或 usort() 的函数接受用户自定义的函数作为一个参数。Callback 函数不仅可以是一个简单的函数，它还可以是一个对象的方法，包括静态类的方法。一个 PHP 函数用函数名字符串来传递。您可以传递任何内建的或者用户自定义的函数，除了 array()， echo()， empty()， eval()， exit()， isset()...
php传ajax数据json,ajax用json实现数据传输
weixin_31293733的博客
03-10 308
本文主要介绍了ajax用json实现数据传输的方法，具有很好的参考价值。下面一起来看下吧JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯(包括C、C++、C#、Java、JavaScript、Perl、Python等)。这些特性使JSON成为...
php的ajax和json格式,AJAX和JSON
weixin_42168750的博客
03-25 453
第一章Ajax1.1 Ajax 概念"Asynchronous Javascript And XML"(异步 JavaScript 和 XML)，是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容，必须重载整个网页页面。1....
php版 解决跨域问题CORS ajax+get,post+jsonp例子源代码.zip
01-11
而"PHP AJAX JSONP实现跨域请求使用实例 - 神马和浮云 - 博客园.url"是一个链接，可能指向了一个详细的教程或示例，可以帮助你更好地理解和实践这些技术。 总的来说，PHP、AJAX 和 JSONP 是Web开发中跨域请求的重要...
PHP AJAX JSONP实现跨域请求使用范例_ajax如何解决跨域请求
01-11
PHP AJAX JSONP 实现跨域请求使用实例 在 Web 开发中，跨域请求是指从一个域名下的页面请求另一个域名下的资源，这种情况下，浏览器会限制这种请求，以防止恶意攻击。JSONP（JSON with Padding）是一种解决跨域请求...
PHP下ajax跨域的解决方案之jsonp实例分析
10-15
JSONP（JSON with Padding）是JavaScript对象 notation的Padding形式，它是解决浏览器同源策略限制，实现AJAX跨域请求的一种方法。同源策略是浏览器为了安全而实施的一种机制，它规定了只有相同协议、域名和端口的...
AJAX跨域请求JSONP获取JSON数据的实例代码
12-10
【AJAX跨域请求JSONP获取JSON数据的实例代码】 AJAX（Asynchronous JavaScript and XML）是现代Web应用程序的核心技术，使得网页可以在不刷新整个页面的情况下与服务器进行交互，提升了用户体验。XMLHttpRequest...
php操作服务器中json文件 进行读写操作用ajax交互
weixin_40938312的博客
10-27 809
php读取整个json文件后在最后的]位置写入新获取到的数据，这里用到了php中fwrite函数，首先php打开json文件。逻辑是html通过ajax提交数据给php，php收到新数据后打开服务器的sql.json文件，json文件内容为。//data: {s:dataString}, //传输的数据 在验证文件接受。//同文件夹下的json文件路径。//请求成功完成后要执行的方法。//同文件夹下的json文件路径。//请求成功完成后要执行的方法。//请求成功后的回调函数。//请求方式为get。
ajax与php和JSONP的关系,Jquery ajax实现跨域请求之json与jsonp本质区别
weixin_36089954的博客
03-22 93
JSON 介绍1、什么是 JSON？> JSON 指的是 JavaScript 对象表示法 (JavaScriptObjectNotation)> JSON 是一种轻量级的数据交换格式，比 XML 更小、更快、更易解析> JSON 独立于语言的文本格式> JSON 易于人阅读和编写，同时也易于机器解析和生成JSON 最初来自于 JavaScript，后来被所有的编程语言...
php处理跨域请求返回json串
phplijinbao的博客
10-22 635
/** * Response * * @param string $format : json, xml, jsonp, string * @param array $data : * @param boolean $die : die if set to true, default is true */ public static function response($data, $format = 'json', $die = TRUE) { header('Content-Type
php获取前端ajax数据对服务器json文件进行增改
weixin_40938312的博客
10-29 508
首先ajax读取服务器json文件获取json内容总数。 先说添加内容：ajax将json内容总数+1作为自增id以及input框中内容传给dujson.php。 php新建数组，将接受到的内容及id放进去，转换成json格式写入json文件。 下面是参考文章 php操作json文件 PHP处理JSON数据 前端在html页面与html页面中参数的传递方法 php 数组 array_search,php array_search()函数的使用详解 然后是修改：点击需要修改的行超链接，将id传给gai.htm
AJAX 跨域请求 – JSONP的使用，PHP实例详解
AKmumu的专栏
08-26 1116
今天一个项目中遇到增加验证码，我本有一个服务器上有一套完整的验证和生成验证码的逻辑，本想直接通过ajax访问次服务器验证就好了，尝试了很久没有成功，返回状态码200，但是数据一直是空，经过查询，原来ajax要特殊的格式才能支持跨域请求，而且要get方法。下面是详细介绍： 克服同源限制更理想方法是在 Web 页面中插入动态脚本元素，该页面源指向其他域中的服务 URL 并且在自身脚本中获取数据。
ajax调用返回php接口返回json数据的方法(必看篇)
dituirenwu的博客
02-05 245
VM219:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1的错误，后来不用jquery.parseJSON()这个方法，反而一切正常。以上这篇ajax调用返回php接口返回json数据的方法(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。从上面的javascript中可以看到，我没有使用jquery.parseJSON()这些方法，开始使用这些方法，但是总是会报。
php处理ajax请求json格式的方法
yan_dk的专栏
12-03 541
web应用，使用ajax调用，请求参数类型为json时，php仅用$_POST或$_REQUEST方式时，会出现接受不到请求参数，因为是json格式需要一定的转换处理。 我们抽取方法代码如下： /** * 获取 post 参数; 在 content_type 为 application/json 时，自动解析 json * @return array */ public function initPostData() { $data=f...
实现Ajax跨域请求的jsonp
最新发布
04-04
jsonp是一种跨域请求的解决方案，它利用了script标签的跨域特性来实现。 具体实现步骤如下： 1. 在客户端定义一个回调函数，并将该函数名作为参数传递给服务端。 2. 服务端接收到请求后，将数据包装在函数调用中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值