php jsop 跨域

最新推荐文章于 2024-07-02 15:10:53 发布
最新推荐文章于 2024-07-02 15:10:53 发布
阅读量304 收藏
点赞数
前端:
<!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> 
后端:
//jsonp 接口 查询职位  
    1.   public function actionJsonp()  
    2.     {  
    3.         header("Access-Control-Allow-Origin: *");//同源策略 跨域请求 头设置  
    4.         header('content-type:text/html;charset=utf8 ');  
    5.         //获取回调函数名  
    6.         $jsoncallback = htmlspecialchars($_REQUEST['callback']);//把预定义的字符转换为 HTML 实体。  
    7.   
    8.         $zhi = htmlspecialchars($_REQUEST['zhi']);  
    9.           
    10.         $arr=yii::$app->db->createCommand("select * from position where p_name like :name",array(':name'=>"%$zhi%"))->queryAll();//用的like进行模糊查询  
    11.   
    12.         $json_data=json_encode($arr);//转换为json数据  
    13.   
    14.         //输出jsonp格式的数据  
    15.         echo $jsoncallback . "(" . $json_data . ")";  
    16.     }    
    17. 复制自https://blog.csdn.net/json_ligege/article/details/51505481 
    18. https://www.cnblogs.com/jkko123/p/6294624.html 讲解的也很好


路上的影子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【PHP 跨域问题】
qq_43024877的博客
06-14 1247
PHP 跨域问题解决方法
PHP 跨域
sunsijia21983的博客
09-01 288
和前端对接接口 一直提示跨域 以前只要设置这个就可以了 header('Access-Control-Allow-Origin:*'); 但是还是一直提示 后来是发现是头参数的问题 因为我们有几个参数 是放在head里面传的 然后今天增加了一个参数 就报错了 在这里 把你的头里面传的参数 放到里面 就可以了 token,webCode,source header("Access-Control-Allow-Headers:x-requested-with,Auth
php解决跨域问题的方法详解
最新发布
Oona_01的博客
07-02 135
实现思路：通过nginx配置一个代理服务器（域名与domain1相同，端口不同）做跳板机，反向代理访问domain2接口，并且可以顺便修改cookie中domain信息，方便当前域cookie写入，实现跨域登录。只需要修改nginx的配置即可解决跨域问题，支持所有浏览器，支持session，不需要修改任何代码，并且不会影响服务器性能。加上这行代码表示允许所有的域名访问，不过为了安全起见，在实际项目中往往会限定只允许固定的几个域名和方法发起的请求。在实际项目中最好指定能跨域访问的域名，增加安全性。
跨域（php）
Areom个人博客
08-13 412
//解决跨域问题 /* header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式*/ if($_SERVER['REQUEST_METHOD'] == 'OPTIONS'){ ...
JSONP原理及简单实现 zhaokuo719
趙大叔
12-31 881
在web2.0时代，熟练的使用ajax是每个前端攻城师必备的技能。然而由于受到浏览器的限制，ajax不允许跨域通信。 JSONP就是就是目前主流的实现跨域通信的解决方案。 虽然在在jquery中，我们可以通过$.ajax的dataType设置为jsonp来调用jsonp，但是jsonp和ajax的实现原理一个关系都木有。jsonp主要是通过script可以链接远程url来实现跨域请
php允许跨域
wejack的专栏
08-18 306
本地开发页面模拟接口数据使用Php，遇到跨域问题，加上 <?php 到 ?> 这一段解决 <?php header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Methods:OPTIONS, GET, POST'); // 允许option，get，post请求 header('Access-Control-Allow-Headers:x-requested-with'); // 允许x-requeste
JS JSOP跨域请求实例详解
10-22
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。这篇文章主要介绍了JS JSOP跨域请求实例详解的相关资料,需要的朋友可以参考下
JS跨域交互(jQuery+php)之jsonp使用心得
10-22
在Web开发中，跨域问题一直是一个常见且需要特别关注的问题。根据同源策略，浏览器限制了网页中脚本只能访问同源的资源，也就是说，如果一个网页的协议、域名或端口中的任一因素与请求的目标地址不一致，则该请求...
JSONP跨域请求实例详解
10-22
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了浏览器的同源策略的例外，即允许页面加载来自不同源的`<script>`标签。这种方法主要用于解决现代浏览器中的跨域数据访问问题，因为JSONP不受同源策略的...
JQ 使用 Ajax 获取PHP生成的JSOP数据
06-08
本文将深入探讨如何使用jQuery的Ajax功能来获取PHP生成的JSON数据。 首先，让我们理解标题中的关键词：“Ajax”是一种在不刷新整个页面的情况下与服务器进行异步通信的技术，它由四个主要部分组成：发送请求、接收...
php 跨域解决方案
BlizzardWu的博客
07-18 6147
php跨域解决方案
PHP解决跨域
weixin_42633243的博客
01-29 170
PHP解决跨域
php跨域处理
Rockgyx的博客
02-17 224
php跨域处理
php跨域简述
黑白相间...
12-13 243
一 、通过设置Access-Control-Allow-Origin来实现跨域。 例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。 如果直接使用ajax访问，会有以下错误： XMLHttpRequest cannot load http://server.runoob.com/server.php. No ‘Access-Control-A...
浅谈PHP的跨域问题
change博客
04-12 591
先说一个最简单的例子吧先上服务端的代码public function kuayu(){     header("Access-Control-Allow-Origin: http://baidu.com"); //说明是允许百度访问你的服务器     return json(['status'=&gt;0,'msg'=&gt;1231]); }Access-Control-Allow-Origin...
跨域访问php
weixin_37543811的博客
01-28 654
跨域访问 跨域访问：指的是经过第三方的网页把内容显示到第三方页面上，而数据不经过第三方的服务器； 技术实现：在请求头或者file_get_contents之前添加即可； 注意： header("Access-Control-Allow-Origin:*"); 其中 “*”表示允许所填写的任何URL地址访问。 如果指定URL路由，那么就只能确定一个固定的路径URL访问。 在请求...
PHP处理跨域问题
weixin_45626288的博客
04-01 6026
前端请求后端跨域问题: 方法一:从前端解决 我们在前端nginx 添加伪静态 add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers *; add_header Access-Control-Allow-Methods *; add_header Access-Control-Request-Headers *; location / { if (!-e $request_filename
PHP中跨域原理以及解决方案读这一篇就够了
tiancityycf的专栏
05-28 894
参考：https://www.phpmianshi.com/?id=88 1.为啥出现跨域 在制定Html规则时，为了安全的考虑，一个源的脚本（网页，网站）不能与另一个源的资源进行交互， 所以就引发一个词叫做“同源策略”。 所谓同源（即指在同一个域），就是两个页面具有相同的协议（protocol）,主机（host）和端口号（port） 2.啥是跨域 当协议，主机，和端口号有一个不同时，就是跨域。 3.解决跨域的方法 对最主要的AJAX跨域来说（也就是平常调接口时）： ...
PHP解决跨域问题
科小洋的博客
12-16 3328
//方法中添加代码 header("Access-Control-Allow-Origin:*"); header('Access-Control-Allow-Methods:POST'); header('Access-Control-Allow-Methods:GET'); header("Access-Control-Allow-Headers","Origin, X-Requested-With, Content-Type, Accept");
EXT4.0深度解析：功能详解与实战应用
它包括HTML、CSS、JavaScript、JSOP（面向对象的JavaScript）、AJAX等核心技术。EXTJS 4.0提供了强大的数据绑定、组件库和事件处理能力，适用于构建企业级Web应用。学习资源提供了官方网站（http://www.sencha.com/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值