jsonp跨域

来源：互联网发布：永琪和知画圆房的视频编辑：程序博客网时间：2024/06/05 17:56

<!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() {//通过设置headerfunction 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.")"; * */

0 0