您当前的位置: 首页 » javscript编程学习
» 利用JQuery实现更简单的Ajax跨域请求
利用JQuery实现更简单的Ajax跨域请求
前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(http://www.cnblogs.com/yjmyzz/archive/2008/09/14/1290789.html)，这几天看了一下Jquery，发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本)
这里给出代码，希望对Ajax跨域感到棘手的朋友有所帮助:
<html>
<head>
<title>JQuery学习</title>
<scriptsrc="jquery-1.2.6.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function (){
var oBtnTest=$("#btnTest");
oBtnTest.click(function (){
oBtnTest.disabled=true;
var oResult=$("#result");
oResult.html("loading").css("color","red");
jQuery.getScript("http://app.cntvs.com/test/js.txt",function (){
oResult.html("name:"+jimmy.name+"<br/>email:"+jimmy.email).css("color","black");
oBtnTest.disabled=false;
});
});
});
</script>
</head>
<body>
<buttonid="btnTest">BtnTest</button>
<divid="result"></div>
</body>
</html>
<head>
<title>JQuery学习</title>
<scriptsrc="jquery-1.2.6.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function (){
var oBtnTest=$("#btnTest");
oBtnTest.click(function (){
oBtnTest.disabled=true;
var oResult=$("#result");
oResult.html("loading").css("color","red");
jQuery.getScript("http://app.cntvs.com/test/js.txt",function (){
oResult.html("name:"+jimmy.name+"<br/>email:"+jimmy.email).css("color","black");
oBtnTest.disabled=false;
});
});
});
</script>
</head>
<body>
<buttonid="btnTest">BtnTest</button>
<divid="result"></div>
</body>
</html>
上一篇：没有文章了
名字:
全部评论:
loading...
申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“
利用JQuery实现更简单的Ajax跨域请求
”的原作者，若侵犯您的版权,请与我联系!联系方法：email:ahuinan@21cn.com QQ:106494262
文章档案
- 作者：杨俊明
- 来源：杨俊明's blog
- 日期：2011/6/14 11:03:00
- 点击：loading...
网友投票(您觉得这篇文章怎样？)
请稍侯......
请稍侯......
