php jsonp 转化json数据

随着移动互联网的迅速发展，越来越多的网站开始使用Web API提供数据服务。当我们在前端使用Web API获取数据时，一般情况下会使用AJAX来进行异步请求。但是，由于浏览器的同源策略限制，AJAX只能请求同源服务器的数据，这就限制了前端获取数据的范围。

为了解决跨域问题，jsonP技术应运而生。下面我们来详细了解jsonP在前端数据获取中的应用。

一、JSONP原理

PHPJSONP转化JSON数据，实现跨域请求

JSONP（JSON with padding）是一种跨域数据传输方式，它是通过动态添加script标签来进行跨域数据请求并获取JSON数据的。JSONP在前端使用中的原理如下：

首先，前端向服务端发起一个JSONP请求，请求地址为跨域地址。JSONP请求的URL中需要包含一个callback参数，后端根据该参数生成响应的JSON数据，并以函数调用的形式返回给前端，前端再将响应的数据解析处理。

具体的流程如下图所示：

二、服务端响应JSONP请求

当前端发起JSONP请求，服务端需要正确的响应请求。对于JSONP请求，服务端需要返回一个指定名称的JavaScript函数，并在函数调用时调用服务端生成的JSON数据。下面是一个JSONP响应的实例：

总结一下，服务端需要实现以下几点：

  • 接收前端请求，根据callback参数生成JSON数据；
  • 将JSON数据作为参数传递给指定名字的JavaScript函数；
  • 将整个响应写入HTTP响应体。

    • 三、前端处理JSONP响应

    当服务端正确响应JSONP请求后，前端需要正确处理响应数据。前端需要做的事情如下：

  • 根据callback参数指定的函数名称，创建同名的函数；
  • 取回响应的JSON数据，将JSON数据作为参数传递给前面创建的同名函数。

    • 下面是一个JSONP处理的实例：

    最后，我们需要注意的一点是，在进行JSONP请求时，由于响应的数据会以JavaScript的形式返回，如果返回的数据中包含了JavaScript语句，则需要进行转义处理，否则会影响前端代码的执行。常见的转义函数有jQuery的$.parseJSON()函数和JavaScript的JSON.parse()函数。

    To be continued...



    JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，目前被广泛地应用于Web应用程序中。JSONP（JSON with Padding）是一种跨域数据请求技术，其中的P表示Padding，即是用一些能力强大的脚本引擎能够执行的代码。PHP JSONP转化JSON数据，既能实现跨域请求，也能实现数据的可读性，使用起来非常方便。
    一、JSONP技术的作用
    JSONP技术是一种跨域数据请求方式，是将请求到的JSON数据用script标签封装起来，然后在页面中动态加载并执行。由于浏览器不会对script标签对远程服务器请求的结果进行安全性限制，因此可以跨域请求数据。
    二、PHP JSONP的实现方法
    使用PHP JSONP转化JSON数据，实现步骤如下：
    1.通过GET方式获取JSON数据
    2.在返回的数据中，将JSON数据用函数进行封装，例如：callback_name(JSONdata)
    3.使用PHP将数据封装为JSON格式，并指定callback函数名
    4.返回JSONP格式的数据，例如：callback_name(JSONdata)
    三、PHP代码实现
    在PHP代码中，通过GET方式获取JSON数据，并封装为JSONP格式返回：
    //获取callback名称
    $callback = isset($_GET['callback'])?$_GET['callback']:'callback';
    //获取JSON数据
    $json = '{\"name\":\"test\",\"age\":18}';
    //将JSON数据转化为数组
    $data = json_decode($json, true);
    //将数组转化为JSON格式数据
    $jsondata = json_encode($data);
    //返回JSONP格式数据
    echo $callback . \"(\" . $jsondata . \")\";
    ?>
    四、实现结果
    当用户请求该PHP文件时，会返回JSONP格式的数据，例如：
    callback({\"name\":\"test\",\"age\":18});
    这样的返回结果，前端页面可以通过script标签动态加载，并执行JSON数据，从而实现跨域请求，并展示数据。