AJAX跨域问题的解决办法

开发 前端
从AJAX诞生那天起,XMLHttprequest对象在firefox下不能跨域请求的问题就一直存在,等待浏览器们去解决这个问题显然不太现实,聪明的Web开发人员们早就想了一系列的方法来解决这个问题,下面列举两个比较不错的方法:

最近公司内部的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属性不存在跨域的问题。

举个例子来让大家看得更清楚一点吧:

<script LANGUAGE="Javascript" src="" id="get">
</script>
<script LANGUAGE="Javascript">
<!--
function get(url)
    {
        var obj = document.getElementById("get");
        obj.src = url;
        (obj.readStatus == 200)
        {
            alert(param);
        }
    }
function query()
    {
get(get.php);
    }
//-->
</script>
<BODY>
<INPUT TYPE="button" value="CLICK ME" onclick="query()">
</BODY>
</HTML>

其中get.php的代码是:

<?php
echo "var param = 'www.achome.cn'";
?>

***的运行结果是,当你点击那个button,它会出现一个内容为”www.achome.cn”的对话框。

这个方法又叫做ajaj或者ajax without xmlHttprequest,把x换成了j,是因为使用了<script>标签而没有用到xml和xmlHttprequest的缘故。

怎么样,很简单吧,我看到过很多人不愿意去正视ajax所存在的技术瓶颈,其实AJAX更应该是Ajax而不是AJAX,突出***个A是想强调其实AJAX发扬的是一种异步传输的方法,而不是具体到底使用了哪种技术。

【编辑推荐】

  1. 基于Dojo实现MVC模式下的Ajax应用
  2. 使用AJAX扩展器自定义控件
  3. 浅谈Ajax在ASP.Net中的使用
责任编辑:杨鹏飞 来源: achome博客
相关推荐

2011-02-22 17:14:20

2012-03-27 15:23:15

JSONPAJAX

2017-08-20 12:49:59

浏览器跨域服务器

2012-07-31 16:06:28

Linux内核编译

2012-12-12 15:19:32

云安全

2021-06-06 13:05:15

前端跨域CORS

2024-10-29 16:41:24

SpringBoot跨域Java

2011-10-28 10:56:24

jQTouchjQueryiPhone

2015-10-21 14:27:18

ORACLE 超长字符解决办法

2010-06-10 15:21:30

openSUSE声音

2010-05-17 17:45:54

MySQL乱码问题

2017-12-19 17:54:31

前端ajax跨域cors

2009-06-03 16:41:21

Eclipse乱码Eclipse

2022-03-11 10:01:47

开发跨域技术

2011-05-12 13:34:57

SQL Server

2011-03-04 13:07:47

Filezilla

2009-06-04 10:44:18

struts2 乱码解决办法

2010-08-17 11:35:46

DIV CSS

2010-03-04 16:49:44

2011-01-19 17:54:48

点赞
收藏

51CTO技术栈公众号