> 编程开发 > AJAX相关 >

模拟Ajax实现跨域访问 2017-03-29 13:47　出处：清屏网　人气：　

Ajax 是不能跨域的，为了解决这个问题，以前有人使用了 from 表单提交，但是后来浏览器阻止了使用 JavaScript 点击 Submit 按钮，所以这个方法也失效了。

但是程序员的智慧是无穷的，img、iframe、script 这些元素的 src 属性是跨域的。

<img src="另外一个域/do.jsp" alt="" />

以上代码就实现了跨域，还可以跟 QueryString 参数。

但是为了解决获取返回值问题，更好的方法是使用 script 标签。

客户端文件

function show(s) { alert(s); } var script = document.createElement("script"); script.setAttribute("src", ""); document.getElementsByTagName("head")[0].appendChild(script);

创建一个 script 标签，并加入到 head 标签下，这个脚本会自动加载脚本。

服务端文件

show("<%=Date()%>");

jsontest.asp 是一个写着调用 show 方法的文件。

以上是示例，jQuery 有更完善的解决方法—— $.getJSON

功能更强大，不过注意：需在 HTTP 协议使用，即不能直接本地双击 HTML 文件查看。

客户端文件

<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script> <script type="text/javascript"> $.getJSON("", function (json){ alert(json.a); }); </script>

服务端文件

{"a":123}

分享给小伙伴们：

本文标签： Ajax/">Ajax

相关文章

发表评论愿您的每句评论，都能给大家的生活添色彩，带来共鸣，带来思索，带来快乐。

本类最热新闻