jQuery getScript()用法与跨域请求示例

时间：2013-09-29 编辑：简简单单来源：一聚教程网

通过 HTTP GET 请求从服务器载入并执行一个 JavaScript 文件

jQuery.getScript( url, [ success(data, textStatus) ] )

url一个包含发送请求的URL字符串。

success(data, textStatus)当请求成功后执行的回调函数。

这是一个快速的AJax处理函数，相当于:

代码如下	复制代码
$.ajax({ url: url, dataType: 'script', success: success });

通过返回JavaScript的文件回调。通常不会有用作为该脚本已经执行到了这一点。

这个脚本在全局环境中已经执行，所以指向其他变量和使用jQuery函数。包含的脚本必须有一些效果在当前的页面上：

代码如下

复制代码

$('.result').html('

Lorem ipsum dolor sit amet.

');

通过引用这个文件名，脚本被包含进来并执行：

代码如下	复制代码
$.getScript('ajax/test.js', function() { alert('Load was performed.'); });

jQuery.getScript()跨域请求

代码如下

复制代码

//可以实现跨域请求获取远程资源

$.getScript("http://www.vipinit.com/test.php", function(data, textStatus){
   console.log(data); //data returned
   console.log(textStatus); //success
   console.log("Load was performed.");
});

test.php需要返回一上json结果。
还可以用这种方式：

代码如下	复制代码
$.ajax({ url: url, dataType: "script", success: success });

jQuery.getScript不能设置编码类型，$.ajax可以弥补下

代码如下	复制代码
$.ajax({ url: url, dataType: "script", scriptCharset:"gb2312", success: success });

此外解决跨域问题还可以通过script标签的src加载远程脚本:

代码如下	复制代码

或者在本域下新开个一页面进行远程请求，返回数据给本域下访问

上一个： XSLT递归获取主分类名称列表实例
下一个： jQuery.ajaxSetup()方法使用详解

推荐专题

最新下载

热门教程

jQuery getScript()用法与跨域请求示例

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程