利用JQuery实现更简单的Ajax跨域请求

简介: 前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(http://www.cnblogs.com/yjmyzz/archive/2008/09/14/1290789.html),这几天看了一下Jquery,发现如果用JQuery中的getScript其实更简单(jquery 1.

前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(http://www.cnblogs.com/yjmyzz/archive/2008/09/14/1290789.html),这几天看了一下Jquery,发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本)

这里给出代码,希望对Ajax跨域感到棘手的朋友有所帮助:

Code
<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>

 

远程服务器端js.txt的内容为:
var jimmy = {name:"jimmy.yang",email:jimmy.yang@163.com}

感觉是不是比ExtJs的ScriptTagProxy还要简洁? 个人感觉Jquery简单明了,短小精干,ExtJs功能强大,组件丰富! 

欢迎转载,但请保留来源:菩提树下的杨过 http://www.cnblogs.com/yjmyzz/archive/2008/09/23/1296818.html

目录
相关文章
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
702 1
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
189 1
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
136 1
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
938 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
206 0
|
前端开发 JavaScript
$.ajax GET请求案例
$.ajax GET请求案例
144 0
|
前端开发 JavaScript
$.ajax GET请求案例(Controller的另外一种写法)
$.ajax GET请求案例(Controller的另外一种写法)
124 0
|
JSON 前端开发 数据格式
ajax请求案例
$("#button").on("click" ,function(){//jquery的写法 alert(123); $.ajax({ url:"a/toJson.
2149 0
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
214 0