如何利用script标签构建跨域ajax

要解决ajax跨域问题,网上给出的方法有二:
1是构建服务器端的代理。简而言之,就是ajax中调用的实质还是本机的url,而服务器端替js去取回远端地址。
2.利用script标记,生成一个 <script src="...." type="text/javascript"></script> 标签。在js加载完成后,再执行后续操作。
就是将原来新建xmlHTTPrequest对象的操作改成了新建script标签的操作.
这里给出一个例子:
#ajah.js

var   Ajah = function (url,varname,handleSuccess,handleFailure)
        
/*
        * handleSuccess,handleFailure must be functions 
        * 
*/
 
        script 
= document.createElement("script"); 
        script.src
=url; 
        
var handler = function(str) 
        

                handleSuccess(str); 
        }
 
        script.onload 
= function() 
        

                
var json=eval(varname); 
                handler(json); 
        }
 
        
if(window.ie) 
        

                script.onreadystatechange 
= function() 
                

                        
if(script.readyState=='complete'||script.readyState== 'loaded'
                        

                                
var json=eval(varname); 
                                
if(typeof json != 'undefined'
                                

                                        handler(json); 
                                }
 
                        }
 
                }
 
        }
 
        document.body.appendChild(script); 
}

 

而在网页中应这样调用:
#demo.html

< pre >  
        
<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN" >  
< html >  
< head >  
  
< meta  name ="generator"  content
  "HTML Tidy for Linux (vers 1 September 2005), see www.w3.org"
>  
  
  
< title ></ title >  
        
< script  src ="mootools.js" ></ script >  
        
< script  src ="ajah.js" ></ script >  
</ head >  
  
< body >  
< script >  
var ajah=new Ajah("data.js","json198",function(str)
        console.debug(
"returned:"); 
        console.debug(str); 
}

function(str){}); 
</ script >  
</ body >  
</ html >  
</ pre >

 

被调用的数据文件如下
#data.js

var  json198 = " hello,this is json198 " ;

 

funciton Ajah(url,varname,handleSuccess,handleFailure){…}
Ajah这个构造函数调用四个参数:
url:远端地址
varname:远端返回数据的变量名
handleSuccess:加载完毕后加载的函数
handleFailure:暂时没用上

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值