当前位置: 首页 > news >正文

jquery ajax json get,jQuery ajax - getScript() 方法和getJSON方法

例子 1

从 Flickr JSONP API 载入 4 张最新的关于猫的图片:

HTML 代码:

jQuery 代码:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?

tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){

$.each(data.items, function(i,item){

$("").attr("src", item.media.m).appendTo("#images");

if ( i == 3 ) return false;

});

});

例子 2

从 test.js 载入 JSON 数据,附加参数,显示 JSON 数据中一个 name 字段数据:

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){

alert("JSON Data: " + json.users[3].name);

});

jQuery ajax - getScript() 方法

实例

通过 AJAX 请求来获得并运行一个 JavaScript 文件:

$("button").click(function(){

$.getScript("demo_ajax_script.js");

});

定义和用法

getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件。

语法

jQuery.getScript(url,success(response,status))

参数

描述

url

将要请求的 URL 字符串。

success(response,status)

可选。规定请求成功后执行的回调函数。

额外的参数:

response - 包含来自请求的结果数据

status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")

详细说明

该函数是简写的 Ajax 函数,等价于:

$.ajax({

url: url,

dataType: "script",

success: success

});

这里的回调函数会传入返回的 JavaScript 文件。这通常不怎么有用,因为那时脚本已经运行了。

载入的脚本在全局环境中执行,因此能够引用其他变量,并使用 jQuery 函数。

比如加载一个 test.js 文件,里边包含下面这段代码:

$(".result").html("

Lorem ipsum dolor sit amet.

");

通过引用该文件名,就可以载入并运行这段脚本:

$.getScript("ajax/test.js", function() {

alert("Load was performed.");

});

注释:jQuery 1.2 版本之前,getScript 只能调用同域 JS 文件。 1.2中,您可以跨域调用 JavaScript 文件。注意:Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本,请加入延时函数。

例子 1

加载并执行 test.js:

$.getScript("test.js");

例子 2

加载并执行 test.js ,成功后显示信息:

$.getScript("test.js", function(){

alert("Script loaded and executed.");

});

例子 3

HTML 代码:

Run

jQuery 代码:

jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js",

function(){

$("#go").click(function(){

$(".block").animate( { backgroundColor: 'pink' }, 1000)

.animate( { backgroundColor: 'blue' }, 1000);

});

});

相关文章:

  • 访问服务器文件重定向到首页,(超详细)从输入url到页面展示发生了什么?
  • 微软云是什么服务器,什么是 Azure SQL 数据库和 Azure Synapse Analytics 中的服务器? | Microsoft Docs...
  • 电脑无线网的服务器,用无线路由器构建FTP服务器网络服务器 -电脑资料
  • 采集服务器维护,采集服务器
  • 服务器中pace是什么位置,GMAT考试里影响全局的Pace是什么?
  • 洛克王国辅助服务器不显示,洛克王国东哥辅助使用问题以及解决方案
  • i3处理器_【评测室首发】老i7集体下课,十代i3评测来了!
  • iphone屏幕突然变暗_iPhone 手机有哪些实用的小技巧?这9个你一定用得着!
  • excel表格打印每页都有表头_excel技巧:excel表格打印后每页自动带标题、页眉页脚...
  • python一个等号和两个等号_有车以后视频号商业方法论:我们用视频号再造一个公众号...
  • java while语句打印三角形_java最简单最全入门基础笔记(不简单,不全你打我)
  • 电脑显示器闪屏_显示器闪黑屏,详细教您如何恢复使用 – 绿软吧
  • java程序员_作为Java程序员未来的八大发展方向
  • 5g pdu session_【资讯】部分地区运营商下架 4G 套餐,入网需办理新 5G 套餐
  • c++ 父窗口sendmessage_三大豪门疯抢!巴萨猎物遭尤文插手,C罗偷着乐
  • 【Leetcode】101. 对称二叉树
  • 4. 路由到控制器 - Laravel从零开始教程
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • gitlab-ci配置详解(一)
  • isset在php5.6-和php7.0+的一些差异
  • Java,console输出实时的转向GUI textbox
  • js继承的实现方法
  • js作用域和this的理解
  • Laravel 菜鸟晋级之路
  • leetcode98. Validate Binary Search Tree
  • nodejs:开发并发布一个nodejs包
  • spring security oauth2 password授权模式
  • 理解在java “”i=i++;”所发生的事情
  • 配置 PM2 实现代码自动发布
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • 追踪解析 FutureTask 源码
  • 仓管云——企业云erp功能有哪些?
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • (二)JAVA使用POI操作excel
  • (过滤器)Filter和(监听器)listener
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (图)IntelliTrace Tools 跟踪云端程序
  • (转)setTimeout 和 setInterval 的区别
  • (转)原始图像数据和PDF中的图像数据
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .java 指数平滑_转载:二次指数平滑法求预测值的Java代码
  • .NET Core 控制台程序读 appsettings.json 、注依赖、配日志、设 IOptions
  • .Net(C#)自定义WinForm控件之小结篇
  • .NetCore实践篇:分布式监控Zipkin持久化之殇
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘
  • [20150707]外部表与rowid.txt
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯
  • [AutoSar]状态管理(五)Dcm与BswM、EcuM的复位实现
  • [Codeforces] probabilities (R1600) Part.1
  • [hdu 4552] 怪盗基德的挑战书
  • [HNOI2018]排列
  • [Invalid postback or callback argument]昨晚调试程序时出现的问题,MARK一下
  • [IT生活推荐]大家一起来玩游戏喽,来的都进!