AJAX跨域问题解决办法

最新推荐文章于 2024-04-28 04:09:01 发布

TechChan

最新推荐文章于 2024-04-28 04:09:01 发布

阅读量804

点赞数

分类专栏：架构文章标签： ajax apache javascript 浏览器 html 框架

本文链接：https://blog.csdn.net/TechChan/article/details/6605190

版权

架构专栏收录该内容

1 篇文章 0 订阅

订阅专栏

ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面：

1.跨浏览器问题
2.历史后退状态问题
3.跨域问题

　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。

　　历史后退状态问题我们可以使用一个数组来保存历史纪录，然后把这些数据村到历史对象中去，中的也可以解决，并且还有很多的开元框架给与支持，这样问题就不是很大。

　　跨域的问题就不是很好的解决，但是还是有办法的，一下给出一些基本的解决方案供大家选择：

1.使用代理，你可以使用web端的程序编写代理程序，把所有的ajax请求的数据进行转发，web程序可以使php，jsp，asp等所有的编程语言。相信大家对这种方式一定很熟悉，这里就不详细的介绍了。

2.使用iframe的方式来定势的刷新页面，这种方式只是取得数据来显示，并不能真正的和求得的数据进行交互，转化成本页面的动态数据，不是很可取，应用也不是很多，我也忽略不去讨论了。

3.使用apache的代理功能，主要就是apache的方向代理，或者是url从定向，你也可以把其他的站点直接的挂在自己的网站上，这样的方式可能会友邦权的问题，多的九部介绍了，有兴趣的本有可以自己实践以下。

4.使用《script》标签的方式，这样的话就可以保正使用真正的ajax来跨域，并且可以使用返回来的数据，发誓很简单，在我们的后台程序处理后的到的结果都直接的用javascript 的方式返回，在我们的html中直接的使用返回数据的变量就可以了一个简单的例子

说明：这个方法是利用<script>标签中的src来query一个PHP获取response,因为<script>标签不存在跨域问题。

我们使用的html页面

-HTML

 
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
  
  <HTML>  
  
  <HEAD>  
  
  <TITLE> New Document  
  </TITLE>  
  
  <META NAME="Generator" CONTENT="EditPlus">  
  
  <META NAME="Author" CONTENT="">  
  
  <META NAME="Keywords" CONTENT="">  
  
  <META NAME="Description" CONTENT="">  
  
  </HEAD>  
  
  <SCRIPT LANGUAGE="JavaScript" src="" id="get"> 
  </script>   
  
  <SCRIPT LANGUAGE="JavaScript">

script>
<BODY>
<INPUT TYPE="button" value="CLICK ME" onclick="test()">
</BODY>
</HTML>

后台程序

get.php

-PHP

 
    echo  
    'var xml ="asdf";';

当你点击按钮的时候就会去服务器那去你需要的js，但加在完成后就可以自己的使用变量xml了，运行代码后你会得到一个对话框显示asdf；

TechChan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX跨域问题解决办法

ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面： 1.跨浏览器问题 2.历史后退状态问题 3.跨域问题　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。　　历史后退状态问题我们可
复制链接

扫一扫