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>

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

时间: 2024-10-11 15:17:30

jQuery getScript()用法与跨域请求示例的相关文章

jquery跨域请求示例分享

 这篇文章主要介绍了jquery跨域请求示例(jquery发送ajax请求),需要的朋友可以参考下 jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下:   jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据.   url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器

jquery跨域请求示例分享(jquery发送ajax请求)_jquery

jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下: jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据. url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据.简单示例: 服务器脚本,返回JSON数据: 复制代码 代码如下: // $.getJSON.php$

jquery的ajax跨域请求原理和示例_jquery

今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式. 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.

JQuery的Ajax跨域请求原理概述及实例_jquery

今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式. 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.

利用JQuery和Servlet实现跨域提交请求示例分

 这篇文章主要介绍了利用JQuery和Servlet实现跨域提交请求示例,需要的朋友可以参考下 原理:JavaScript的Ajax不可以跨域,但是可以通过向本地的一个Servlet发出请求,由Servlet完成跨域.再把远程的结构返回给客户端.这样Ajax就可以跨域了.在后面,再发一个PHP版本的,请大家关注啊.下面是代码   JS代码:   注意:在Post方式时,param1和param2为向远程发送的参数值,可以有多个.    代码如下: //GET方式 function reqeust

javascript跨域请求包装函数与用法示例_javascript技巧

本文实例讲述了javascript跨域请求包装函数与用法.分享给大家供大家参考,具体如下: 一.源码 // 定义AJAX跨域请求的JSON (function(){ if(typeof window.$JSON== 'undefined'){ window.$JSON= {}; }; $JSON._ajax = function(config){ config = config[0] || {}; this.url = config.url || ''; this.type = config.t

jquery ajax跨域请求详解

ajax要在各种浏览器下都实现完美的跨域需要借助于jsonp技术,jsonp实质是请求一个js脚本文件,在js文件载入完毕时执行某个函数,这样就可以完美的规则跨域问题了. 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求.意思就是远程服务端

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

前一阵发过一篇利用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>

jquery+ajax实现跨域请求的方法

 这篇文章主要介绍了jquery+ajax实现跨域请求的方法,详细介绍了前台及后台的处理方法,是非常实用的技巧,需要的朋友可以参考下     本文实例讲述了jquery+ajax实现跨域请求的方法.分享给大家供大家参考.具体实现方法如下: 说明:这里的dataType 为 "jsonp" :type 只能为 GET 前台请求代码如下: 代码如下: $.ajax({ type: "GET", url: "http://www.xxx.com/Rest/Val