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

通过 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('<p>Lorem ipsum dolor sit amet.</p>');

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

 代码如下 复制代码

$.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加载远程脚本:

 代码如下 复制代码
<script src=”test.php” type=”text/javascript”></script>

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值