用iframe设置代理解决ajax跨域请求问题

╰+哭是因爲堅強的太久メ 2022-08-05 08:18 178阅读 0赞

什么是跨域？  
  
简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。   
  
方案：在服务器端创建一个静态的代理页面，在客户端用iframe调用这个代理，然后通过iframe的document.getElementById("proxy").contentWindow对象来请求ajax。   
  
服务器端的代理页面：

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>Ajax跨域</title>   
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>   
<script type="text/javascript">   
document.domain = 'xxx.com';   
</script>   
</head>   
<body>   
</body>   
</html>

客户端ajax的调用代码示例：

复制代码代码如下:

url:""+Math.random(),   
  
请注意加红的url这行，用一个随机函数来解决浏览器缓存的问题。让每一次请求的url不一样。

源引：http://www.jb51.net/article/43361.htm