区域1的页面

不同域名.com/demo.php（请求不同域名的服务端）： $callBack = $_GET['callback']; $arr = array( 'name' =>'西兰花' , 'color' =>'red' echo $callBack."(".json_encode($arr).")"; // echo myFn("{name:'西兰花',color:'red'}");

demo.html（底层实现原理,需要后端配合）：

<!DOCTYPE html>  
<html lang="en">  
    <meta charset="UTF-8">  
    <title>Document</title>  
    <script type="text/javascript">  
        function myFn(data){  
            console.log(data);  
    </script>  
    <!-- 通过script标签的src属性实现跨域名访问（所有html标签的src属性都可以跨域名访问） -->  
    <script type="text/javascript" src='http://www.不同域名.com/demo.php?callback=myFn'></script>  
</head>  
    <h1>区域1的页面_jsonP演示</h1>  
</body>  
</html>

demo.html（前端JQuery Ajax跨域名访问）：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script type=&qu JSONP 可用于解决主流浏览器的跨域数据访问的问题。跟JSON没有关系。 JSONP 是如何实现跨域访问的？本质是利用HTML元素的src属性都可以跨域的思路来解决的。一、面试题 1、请问 JSONP 是不是 ajax 中实现跨域访问的技术：不是 1）、 jsonp 没有使用XMLHttpReques <meta charset="utf-8"> <title> ajax 跨域 </title> <script type="text/ javascript " src="../ jquery -3.4.1.min.js"></script> <script type="text/ javascript ">

这里使用的 Jquery 版本是 jquery -1.4.2.js各种 jquery 版本下载地址：　　http://www.jq22.com/ jquery -info122 //前端代码： $. ajax ({ url: localUrl + "insur/setInsuRisk", type: 'POST', Ajax 发送请求过程在 Ajax 中，通过XMLHttpRequest对象实现与服务器端的通信。在不同浏览器中有不同的创建对象方法，但使用方法是相同的。通过 JavaScript 建立的代码例子： var xmlHttpRequest=null; //声明XMLHttpRequest对象 if(window.XMLHttpRequest

由于在工作中需要使用 AJAX 请求其他域名下的请求，但是会出现拒绝访问的情况，这是因为基于安全的考虑， AJAX 只能访问本地的资源，而不能跨域访问。比如说你的网站域名是aaa.com，想要通过 AJAX 请求bbb.com域名中的内容，浏览器就会认为是不安全的，所以拒绝访问。会出现跨域问题的几种情况：后台在百度上寻找解决方案解决了这个问题，一共总结出三种方案：代理、 JSONP 、X...

$. ajax ({ url:"http://manager.jt.com/web/test JSONP ", type:"get", // jsonp 只能支持get请求 src只能进行get请求. dataType:" jsonp ", //dataType表示返回值类型必须标识 // jsonp : "callback", //指定参数名称 jsonp Callback: "hello", //指定回调函