利用JQuery实现Ajax跨域请求(zz)

最新推荐文章于 2022-05-13 20:34:50 发布

qinglangee

最新推荐文章于 2022-05-13 20:34:50 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jQuery Ajax CSS HTML ViewUI

本文链接：https://blog.youkuaiyun.com/qinglangee/article/details/83529073

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JQuery简化Ajax跨域请求的方法。通过一个具体的HTML页面实例展示了如何利用jQuery发起跨域的getScript请求，并展示远程服务器返回的数据。此方法能够帮助开发者更加简便地处理跨域问题。

[url=http://www.cnblogs.com/yjmyzz/archive/2008/09/23/1296818.html]利用JQuery实现更简单的Ajax跨域请求[/url]

<html>
<head>
<title>JQuery学习</title>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="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>
<button id="btnTest">BtnTest</button>
<div id="result"></div>
</body>
</html>