最近公司内部的architecture组正在热烈讨论ajax,最后难免会谈到如何跨域这个问题,因为从ajax诞生那天起,xmlHttprequest对象在firefox下不能跨域请求的问题就一直存在,等待浏览器们去解决这个问题显然不太现实,聪明的web开发人员们早就想了一系列的方法来解决这个问题,下面列举两个比较不错的方法:
1. 使用中间层过渡的方式:
中间过渡,很明显,就是在ajax与不同域的服务器进行通讯的中间加一层过渡,这一层过渡可以是php、jsp、c++等任何具备网络通讯功能的语言,由中间层向不同域的服务器进行读取数据的操作。
拿php做一个例子,如果需要对不同域的某一个php进行通讯,现在客户端的xmlhttprequest先query本域的一个php,然后由本域的这个php去和不同域的php进行通讯,然后由本域的php输出response;
2. 使用<script>标签
这个方法是利用<script>标签中的src来query一个php获得response,因为<script>标签的src属性不存在跨域的问题。
举个例子来让大家看得更清楚一点吧:
1.<script LANGUAGE="Javascript"src=""id="get">
2.</script>
3.<script LANGUAGE="Javascript">
4.<!--
5.function get(url)
6.{
7.var obj = document.getElementById("get");
8.obj.src = url;
9.(obj.readStatus == 200)
10.{
11.alert(param);
12.}
13.}
14.function query()
15.{
16.get(get.php);
17.}
18.//-->
19.</script>
20.<BODY>
21.<INPUT TYPE="button"value="CLICK ME"onclick="query()">
22.</BODY>
23.</HTML>
其中get.php的代码是
1.<?php
2.echo"var param = ''";
3.?>
最后的运行结果是,当你点击那个button,它会出现一个内容
为””的对话框。
这个方法又叫做ajaj或者ajax without xmlHttprequest,把x换成了j,是因为使用了<script>标签而没有用到xml和xmlHttprequest的缘故。
怎么样,很简单吧,我看到过很多人不愿意去正视ajax所存在的技术瓶颈,其实ajax更应该是Ajax而不是AJAX,突出第一个A是想强调其实ajax发扬的是一种异步传输的方法,而不是具体到底使用了哪种技术。