php 中jsonp跨域请求

最新推荐文章于 2021-04-30 10:25:01 发布

JSON_L

最新推荐文章于 2021-04-30 10:25:01 发布

阅读量5.4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： PHP 文章标签： jsonp ajax 跨域请求 for循环遍历 jquery

本文链接：https://blog.youkuaiyun.com/json_ligege/article/details/51505481

PHP 专栏收录该内容

83 篇文章

订阅专栏

本文介绍了一个使用JSONP实现跨域职位查询的功能案例。通过一个简单的HTML查询表单页面，结合jQuery库，向远程服务器发起GET请求并接收JSONP格式响应，展示了如何解析并显示查询结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsonp数据类型，重要性，以及为什么用它，我就不详细解释了，如果想知道可以看我写的《php中如何生成jsonp数据接口及如何调用？》

里面有详细说明；

那么进入正题，

案例要求：

两个网站A，和B，其中B通过jsonp接口向外提供职位查询功能，A网站通过该jsonp接口向B发起职位查询数据。

案例效果如下图：

首先创建一个查询表单页面，即search.html

代码及注释如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>职位查询</title>
	<script src="jquery.js"></script>
</head>
<body>
<center><br><br>
<input type="text" id="val" ><input type="button" id="dian" value="查询"><br><br>

<div id="list" style="width:300px;border:1px #000 solid;height:200px"></div></center>
	<script>
	var url='http://www.nine.com/invite/frontend/web/index.php?r=index/jsonp';//接口路径
	//var url='jsonp.php';
	$("#dian").click(function(){

		var zhi=$("#val").val();
		var data={zhi:zhi};//搜索值

		$.get(url,data,function(msg){
			//console.log(msg);
			//alert(msg[0].p_name);
			var html='职位：';
			for (var i in msg) {
				//将接到的jsonp数据进行遍历
				html+='<br /> '+msg[i].p_name;
			};
			$('#list').append(html);
		},'jsonp')//指定数据为jsonp
	})
	//下面的方法也可以 为原生的ajax方法
	/*$("#dian").click(function () {
		var zhi=$("#val").val();
	    $.ajax({
	        url: url,
	        data:'zhi='+zhi,
	        dataType: "jsonp",
	        jsonpCallback: "aa",
	        success: function (msg) {
	            //console.log(data)
	            $('#list').append('职位：'+msg[0].p_name);
	        }
	    })
	})*/
	</script>
</body>
</html>

然后,创建一个接口，我的接口是在yii2架构中做的，当然用原生的也可以，怎么方便怎么来，

代码，我只用到一个方法，想用的可根据详情改变，

代码如下：

//jsonp 接口 查询职位
    public function actionJsonp()
    {
        header("Access-Control-Allow-Origin: *");//同源策略 跨域请求 头设置
        header('content-type:text/html;charset=utf8 ');
        //获取回调函数名
        $jsoncallback = htmlspecialchars($_REQUEST['callback']);//把预定义的字符转换为 HTML 实体。

        $zhi = htmlspecialchars($_REQUEST['zhi']);
        
        $arr=yii::$app->db->createCommand("select * from position where p_name like :name",array(':name'=>"%$zhi%"))->queryAll();//用的like进行模糊查询

        $json_data=json_encode($arr);//转换为json数据

        //输出jsonp格式的数据
        echo $jsoncallback . "(" . $json_data . ")";
    }

那么这样就完成了，是不是很简单呢