Ajax+PHP实现跨域访问的两种方式

阳光穿透心脏的1/2处 2022-08-20 14:08 249阅读 0赞

1.兼容IE浏览器的方法，在Ajax请求的时候使用jsonp：

$("#search").click(function() {
    				$.ajax({
    					type : "GET",
    					url : "http://127.0.0.1/raid/jquery_learning/ajax_learning/php/index.php?number="+$("#keyword").val(),
    					dataType : "jsonp",
    					jsonp : "callback",
    					success : function(data) {
    						if (data.success) {
    							$("#searchResult").html(data.msg);
    						} else {
    							$("#searchResult").html("出现错误"+data.msg);
    						}
    					},
    					error : function(jqXHR) {
    						alert("发生错误"+jqXHR.status);
    					}
    				})
    			});

然后在PHP接收和返回的时候也带上jsonp的数据：

function search() {
    		$jsonp = $_GET["callback"];
    
    		if(!isset($_GET["number"]) || empty($_GET["number"])) {
    			echo '{"success":false,"msg":"参数错误"}';
    			return ;
    		}
    
    		global $staff;
    
    		$number = $_GET["number"];
    		$result = $jsonp.'({"success":false,"msg":"没有找到员工"})';
    
    		foreach ($staff as $key => $value) {
    			if($value["number"] == $number) {
    				$result = $jsonp.'({"success":true,"msg":"找到员工'.$value["name"].'"})';
    				break;
    			}
    		}
    
    		echo $result;
    	}

2.只提供给支持HTML5的浏览器使用，只需要在PHP的头部加上如下这两句话即可：

//处理跨域
    	header("Access-Control-Allow-Origin:*"); //*号表示所有域名都可以访问
    	header("Access-Control-Allow-Method:POST,GET");

发表评论取消回复

表情：

评论列表（有 0 条评论，249人围观）

还没有评论，来说两句吧...

相关阅读

相关 js实现跨域访问的几种方式

里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域...

待我称王封你为后i/ 2024年04月20日 10:21/ 0 赞/ 86 阅读

相关 ajax跨域的几种实现方式

什么是跨域同协议，同ip，同端口视为一个域，当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。原生态ajax跨域实现通过动态创

ゞ浴缸里的玫瑰/ 2022年11月30日 05:46/ 0 赞/ 274 阅读

相关 Ajax+PHP实现跨域访问的两种方式

1.兼容IE浏览器的方法，在Ajax请求的时候使用jsonp： $("search").click(function() { $.ajax({

阳光穿透心脏的1/2处/ 2022年08月20日 14:08/ 0 赞/ 250 阅读

相关 javascript跨域访问方式

这几天在试用淘宝的open api功能，看了它的实例有php、java、c\、ruby，可惜都是服务器端例子，就突然有了想法，是不是可以用javascript写一个客户端的例子

缺乏、安全感/ 2022年08月04日 10:48/ 0 赞/ 214 阅读

相关 ajax跨域访问的两种方式

讲跨域访问之前，先要了解一个概念：同源策略同源策略指的是，当一台电脑去访问一个服务器的时候，它们两的主机地址（ip）、协议名、端口都一致时，叫同源策略；反之只要有

谁借莪１个温暖的怀抱￠/ 2022年06月17日 08:22/ 0 赞/ 284 阅读

相关跨域的三种实现方式

一.跨域　　由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域　　前页面地址与发送请求的url的协议、域名、端口三者

灰太狼/ 2022年06月17日 04:12/ 0 赞/ 283 阅读

相关 springboot设置cors跨域请求的两种方式

1、第一种： public class CorsFilter extends OncePerRequestFilter { static f

深碍√TFBOYSˉ_/ 2022年05月24日 07:20/ 0 赞/ 216 阅读

相关八种方式实现跨域请求

> 前端开发中我们经常会遇到跨域请求的情况，处理跨域请求方式很多，特整理如下：浏览器的同源策略提到跨域不能不先说一下”同源策略”。同源策略是客户端脚本（尤

红太狼/ 2022年05月18日 10:37/ 0 赞/ 258 阅读

相关跨域的四种方式

本文主要是关于跨域的几种方式，关于什么是跨域这里就不多说了，写这个也是为了记住一些知识点的。一. jsonp jsonp的跨域方式很容易理解，页面的的每一个scrip

小鱼儿/ 2022年03月07日 06:52/ 0 赞/ 286 阅读

相关八种方式实现跨域请求

前端开发中我们经常会遇到跨域请求的情况，处理跨域请求方式很多，特整理如下：浏览器的同源策略提到跨域不能不先说一下”同源策略”。何为同源？只有当协

超、凢脫俗/ 2021年09月16日 12:14/ 0 赞/ 475 阅读