jsonp跨域

最新推荐文章于 2024-08-20 11:16:35 发布

zhang漫php

最新推荐文章于 2024-08-20 11:16:35 发布

阅读量241

点赞数

分类专栏： php jquery 文章标签： jsonp

本文链接：https://blog.csdn.net/qq_36030288/article/details/52492758

版权

php 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	
	<!--会调函数必须写链接script标签的上面-->
	<script type="text/javascript">
		/*function result(msg){
			alert(msg)
		}*/
	</script>
	<!--<script src="http://127.0.0.1/PHP7/jsonp/index.php?back=result" type="text/javascript" charset="utf-8"></script>-->
	<script src="../interface/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<!--通过标签跨域请求-->
		<!--<iframe src="http://127.0.0.1/PHP7/jsonp/index.php" width="" height=""></iframe>-->
		<!--<img src="http://127.0.0.1/PHP7/jsonp/index.php"/>-->
	</body>

</html>
<script type="text/javascript">
	$(function() {
		//	通过设置header
		function header() {
			var url = "http://127.0.0.1/PHP7/jsonp/index.php";
			$.get(
				url,
				function(data) {
					alert(data)
				}
			);
		}
		// 同过本页面的脚本达到目的
		function php(){
			var url = "http://127.0.0.1/PHP7/jsonp/jsonp/josnp.php";
			$.get(
				url,
				function(data) {
					alert(data)
				}
			);
		}
		//通过jquery达到目的
		function jquery(){
			var url="http://127.0.0.1/PHP7/jsonp/index.php?back=result";
			//建议大家这样写
			$.getJSON(url,function(result){
				alert(result);
			})
			//还可以这样写不过有的时候不好使
			/*$.get(url,function(result){
				alert(result);
			},'jsonp');*/
		}
		jquery();
	});
</script>

/*
 * 为什么要用jsonp呢
 * 因为 Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；
 * 
 * 简单说下jsonp 与 json的区别
 * json是一种数据交换格式 jsonp是非官方跨域数据交互协议 一个是描述信息的格式，一个是信息传递双方约定的方法。
 * 
 * 跨域请求 有好多方法 我给大家介绍几种 
*/
/*
 * 通过iframe img 执行跨域请求 1
 * echo 'hello mange';
 * */

/*在脚本设置 *代表所有的跨域请求都被允许 2
 * 已拦截跨源请求：同源策略禁止读取位于 http://www.item.com/ 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。
 * header("Access-Control-Allow-Origin:*");  
 * echo 'hello mange';
 * */

/*
 *因为服务语言跨脚本  3
 *通过php脚本请求
 * echo 'hello mange';
 * */

/*
 * 通过jQuery中的jsonp 4 
 * $back = $_GET['back'];
 * $data = 'hello mange';
 * $data = json_encode($data);
 * echo $back."(".$data.")";
 * */
 
/*
 * 通过script标签 5
 * $back = $_GET['back'];
 * $data = 'hello mange';
 * $data = json_encode($data);
 * echo $back."(".$data.")";
 * */