php和jsonp的简单使用

最新推荐文章于 2024-05-16 22:24:47 发布
最新推荐文章于 2024-05-16 22:24:47 发布
阅读量1.5k 收藏
点赞数
分类专栏： 前端 文章标签： jsonp php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tstbdt/article/details/46893305
版权

jsonp我简单的认为就是js的src引用了一个回调的函数。


php处理端

<?php
	header('content-type:text/javascript;charset=utf-8');
	$name=$_GET['callback'];
	$data=array('name'=>'tom','age'=>'23','referer'=>$_SERVER['HTTP_REFERER']);
	//第一种方式处理数据为纯json数据，客户端直接用data接受，直接塞入到需要的处理环境中,返回的是json数组，不会被浏览器解析
	//ps： JSON_HEX_APOS 是phpjson_encode 参数，参考http://php.net/json_encode提供的把单引号换为 \u0027 了。
	
	// $ret = json_encode($data, JSON_HEX_APOS);
    // $name . '(\'' . $ret . '\');';

// 第二种为两个对象，对应的客户端可用data.name+data.age分别接收，会可以被解析
    echo  $name.'('.json_encode($data).')';

html端 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>

	function callb(data){
		// alert(data.result);
	}
	</script>

	
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

	<!-- 要放在aehok函数下面 -->
	<script src=http://b.com/jsonp/alert.js></script>
</head>
<body>
	<h1>he</h1>

<script>

	// $(function(){

	// 	$.ajax({

	// 		type:'get',
	// 		async:false,
	// 		url:'http://b.com/jsonp/data.php',
	// 		dataType:'jsonp',
	// 		jsonp:'callback',
	// 		jsonpCallback:'hehe',
	// 		success:function(data){
			
	// 		// alert(data); 接受第一种处理


	// 		alert(data.name+data.age);
	// 		},
	// 		error:function(){
	// 			alert('err');
	// 		},

	// 	});



	// })
	// 比上一种更简单的jsonp写法
	$.getJSON("http://b.com/jsonp/data.php?callbac=?", function(getUserInfo){
          alert(getUserInfo.name+getUserInfo.age+getUserInfo.referer)})
	</script>
	
</body>
</html>

为了让大家明白那个alert.js是干什么用的，我补上代码，其实很简单，可以帮助我们理解jsonp的原理

就两句：

alert('b.com');
callb({"result":"b.sdata"});
就是a.com src了这个js文件，然后js文件里包含a中的函数名字callb，这样就执行了

牙小木
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在php开发中使用JSONP解决跨域的例子
ILIKEAAPPLE的博客
05-14 281
跨域问题是指在网页中，当一个网页试图访问另一个不同域名的网页时，浏览器会阻止这种访问。为了解决跨域问题，我们可以使用一些技术手段，如JSONP、CORS等。假设我们有一个PHP文件，名为"example.php"，它返回一个JSON格式的数据。我们想要在另一个域名下的网页中使用这个数据，但是由于跨域限制，我们不能直接使用AJAX请求获取数据。这样，当example.php返回数据时，它会被包装成一个函数调用，并传递给客户端中定义的callback函数处理。然后，我们可以使用一个动态创建的。
php的jsonp格式,JSONP 教程
weixin_36323601的博客
03-28 735
JSONP 教程本章节我们将向大家介绍 JSONP 的知识。Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名(网站)那获取资料，即跨域读取数据。为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。什么是同源策略？它是由Netscape提出的一个著名的安全策略，现在所有支持 JavaScript 的浏览器...
JSONP跨域访问实现_jsonp如何实现跨域
最新发布
2301_82257383的博客
05-16 936
php​// //连接数据库并访问$conn = new mysqli('127.0.0.1','root','123456','learn') or die("数据库连接不成功.");​//输出JSON数据到页面echo $json;​​?​```
php josnp_jsonp请求接口php设置返回头部以及js格式化数字
weixin_39869432的博客
03-08 407
jsonp请求接口php设置返回头部以及js格式化数字，文章主要整理了jsonp请求的php接口的流程并且给出了一些js函数代码，方便处理数据。1、jsonp请求接口$(function(){//获取参数var $params = getRequest();//jsonp请求接口$.getJSON("http://api.copylian.com/Api/Index/getOperationRep...
【JSON学习笔记】4.JSON的使用、JSONP 教程及PHP JSON
qq_62052372的博客
04-15 716
本章介绍JSON的使用、JSONP 教程及PHP JSON。
PHP利用jsonp跨域实现
php-yyds
11-09 475
JSONP（JSON with Padding）是一种使用普通的标签来发起跨域请求的方法。JSONP利用了HTML页面可以直接引入外部JavaScript文件而不受同源策略限制的特性
简单介绍jsonp 使用小结
10-22
JSONP (JSON with Padding) 是一种跨域数据交互协议，它是JSON的一种使用方式，允许网页从不同域名（网站）获取数据。由于浏览器的安全策略——同源策略的限制，通常情况下，JavaScript只能与同一域名下的资源进行...
PHP AJAX JSONP实现跨域请求使用范例_ajax如何解决跨域请求
01-11
PHP AJAX JSONP 实现跨域请求使用实例 在 Web 开发中，跨域请求是指从一个域名下的页面请求另一个域名下的资源，这种情况下，浏览器...JSONP 是一种解决跨域请求的方法，但我们需要在使用时注意安全风险和浏览器限制。
jsonp原理及使用
10-26
虽然JSONP能够轻松实现跨域数据交换，但它也有一些限制和潜在的安全风险： - **只支持GET请求**：JSONP只能用于GET请求，因为它依赖于`<script>`标签的`src`属性，而`<script>`标签不支持POST或其他HTTP方法。 - **...
两种简单的跨域方法(jsonp、php)
11-27
这是因为安全原因，对于任何...它是一个非官方的协议，出处不可考，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。–来源百度 　JSONP
JSONP 教程
unber的博客
05-25 501
本章节我们将向大家介绍 JSONP 的知识。Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术( JSONP )呢？这是因为同源策略。同源策略，它是由 Netscape 提出的一个著名的安全策略，现在所有支持 JavaScript 的浏览器都会使用这个策略。
PHP 支持 JQuery 的 JSONP 跨域访问
jackson61的博客
11-12 165
Jquery Ajax进行跨域时需要使用JSONP，但JSONP格式和JSON格式是有区别的，如果直接返回JSON格式就会报错。PHP代码的修改比较快速，只需要将原先的代码最后修改并增加一行就可以了。
jsonp php写法,简单的jQuery，PHP和JSONP示例？
weixin_35606769的博客
03-10 123
简单的jQuery，PHP和JSONP示例？我面临着同源政策问题，通过研究该主题，我发现对我的特定项目而言，最好的方法是使用JSONP进行跨域请求。我一直在阅读IBM的有关JSONP的这篇文章，但是我对所发生的事情并不十分了解。我在这里只需要一个简单的jQuery> PHP JSONP请求(或任何术语即可；))-像这样(显然这是不正确的，只是为了让您了解我要实现的目标 :))：jQuery的...
jsonp.php,php和jsonp的简单使用
weixin_39972777的博客
03-17 61
jsonp我简单的认为就是js的src引用了一个回调的函数。php处理端header('content-type:text/javascript;charset=utf-8');$name=$_GET['callback'];$data=array('name'=>'tom','age'=>'23','referer'=>$_SERVER['HTTP_REFERER']);//第...
php 支持jsonp,PHP JSONP跨域实现程序详解
weixin_35816805的博客
03-13 168
在网站开发中跨域是一个头痛的事情，我经常要需要解决各种跨域问题，今天我来介绍在php中利用JSONP跨域实现方法，各位J友可参考参考。先看一个实例 代码如下 复制代码 $("#btn").click(function(k) {//...var j = form.serializeArray();//序列化name/value$.ajax({url: "另一个域名...
php json 原理,基于JSONP原理详解
weixin_42295528的博客
03-27 154
本文主要为大家推荐一篇基于JSONP原理解析，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。前言我工作以来接触的第一个项目就是前后端分离的，前端静态文件有自己独立域名，通过接口来获取数据进行渲染等操作。跨域的方法不需要多言，随便一搜，就有很多，但最常用不外乎jsonp和CORS。jsonp着重于前端，也算是前端Hack技巧，CORS重于后端，服务端需要配置的地方...
关于jsonp机制与php后台处理jsonp
热门推荐
sinat_26204753的博客
07-03 1万+
jsonp的本质是利用script标签的src属性进行跨域请求，只能用于get请求。 可以使用原生js进行jsonp跨域： function jsonpCallback(result) { //alert(result); for(var i in result) { alert(i+":"+result[
php正则处理jsonp数据
qq_36899235的博客
12-24 1465
网上找了下 发现没有合适的 所以就自己写了一个 贴代码 $str='sug({q:&quot;淘宝&quot;,p:false,s:[&quot;淘宝网&quot;,&quot;淘宝小镇&quot;,&quot;淘宝下载&quot;,&quot;淘宝客服&quot;,&quot;淘宝评价&quot;,&quot;淘宝联盟&quot;,&quot;淘宝好评&quot;,&amp
java jsonp使用
07-27
Java中使用JSONP主要是通过使用跨域请求来获取JSON数据。JSONP（JSON with Padding）是一种跨域请求技术，它实际上是通过在页面中动态创建一个`<script>`标签来加载远程的JSON数据，并通过回调函数来处理返回的数据。 下面是一个简单的Java JSONP的示例代码： ```java import javax.ws.rs.GET; import javax.ws.rs.Path; import javax.ws.rs.Produces; import javax.ws.rs.QueryParam; import javax.ws.rs.core.MediaType; @Path("/jsonp") public class JSONPService { @GET @Path("/data") @Produces(MediaType.APPLICATION_JSON) public String getJSONPData(@QueryParam("callback") String callback) { // 构造要返回的JSON数据 String jsonData = "{\"name\":\"John\", \"age\":30}"; // 将返回的数据包装成JSONP格式 String jsonpData = callback + "(" + jsonData + ")"; return jsonpData; } } ``` 上面的代码使用了JAX-RS（Java API for RESTful Web Services）来创建一个简单的RESTful服务。通过访问`/jsonp/data?callback=callbackFunction`，可以获取到如下格式的JSONP数据： ``` callbackFunction({"name":"John", "age":30}) ``` 在前端页面中，可以使用类似下面的代码来处理返回的JSONP数据： ```javascript function callbackFunction(data) { // 处理返回的JSON数据 console.log(data.name); console.log(data.age); } var script = document.createElement('script'); script.src = 'http://example.com/jsonp/data?callback=callbackFunction'; document.body.appendChild(script); ``` 以上代码中，通过动态创建`<script>`标签，设置`src`属性为请求JSONP数据的URL，并指定回调函数名字为`callbackFunction`。当服务器返回数据时，会调用该回调函数来处理返回的数据。 需要注意的是，JSONP存在一些安全性问题，因为它允许在页面中执行任意的JavaScript代码。因此，在使用JSONP时需要谨慎处理返回的数据，以防止潜在的安全漏洞。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值