js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么
js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么
一、总结
一句话总结:$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件(远程或本地)
1、jquery中的ajax如何调用一个js文件并执行?
$.getScript()带第一个参数url即可
19 $('#btn').click(function(){
20 $.getScript("test.js",function(response,status){
21 //alert('JS文件加载成功')
22 alert(response+status)
23 })
24 })
2、$.getScript()如何使用(语法)?
其实一般使用第一个参数url就够了
$.getScript(url,function(response,status))
getScript()通过HTTP GET请求载入并执行javaScript文件。
- 语法:$.getScript(url,function(response,status))
- response-包含来自请求的结果数据
- 3.Status-包含请求的状态(“success”,”error”,”notmodified”,”timeout”或“parsererror”)
3、$.getJSON()如何使用(语法)?
其实一般使用第一个参数url就够了
.getJSON(url,data,success(data,status,xhr))
- ur必需。规定将请求发送的哪个URL.
- data可选。规定连同请求发送到服务器的数据。
- function(response,status,xhr)可选。规定当请求成功时运行的函数。
4、$.getScript()的使用场景是什么?
一个js文件里面有很多js代码,但是里面的函数只有一个是我在点击按钮的时候使用,那么直接把这个js加载进来效率不高,所以我们可以选择点击按钮的时候动态加载这个js文件,这里就用$.getScript(),远程的本地的js都行
二、$.getScript()和$.getJSON()方法的作用是什么
1、相关知识
$.getScript()和$.getJSON()方法
$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件
- getScript()通过HTTP GET请求载入并执行javaScript文件。
- 语法:$.getScript(url,function(response,status))
- response-包含来自请求的结果数据
- 3.Status-包含请求的状态(“success”,”error”,”notmodified”,”timeout”或“parsererror”)
- .getJSON(url,data,success(data,status,xhr))
- ur必需。规定将请求发送的哪个URL.
- data可选。规定连同请求发送到服务器的数据。
- function(response,status,xhr)可选。规定当请求成功时运行的函数。
2、代码
html
<!DOCTYPE html>
<html lang="en">
<style>
</style>
<head>
<meta charset="UTF-8">
<title>演示文档</title>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
</style>
</head>
<body>
<input type="button" id="btn" value="Ajax测试">
<div id="test"></div>
<script type="text/javascript">
$(function(){
/*
$('#btn').click(function(){
$.getScript("test.js",function(response,status){
//alert('JS文件加载成功')
alert(response+status)
})
})
*/
$('#btn').click(function(){
$.getJSON("test.json",function(response,status){
alert(response[0].name)
})
})
})
</script>
</body>
</html>
js
$('#test').html('我是从服务器端加载进来的JS文件')
json
[
{
"name":"张三"
}
]
js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么的更多相关文章
- js进阶 14 jquery的ajax有哪些函数和事件(多练)
js进阶 14 jquery的ajax有哪些函数和事件(多练) 一.总结 一句话总结:常用:load.ajax.post.get.getScript().getJSON().表单序列化,ajax事件这 ...
- js进阶 14-4 $.get()方法和$.post()方法如何使用
js进阶 14-4 $.get()方法和$.post()方法如何使用 一.总结 一句话总结:$.get(URL,callback); $.post(URL,data,callback); callba ...
- js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译)
js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译) 一.总结 1. RegExp的属性和方法,就是RegE ...
- js进阶 10-11/12 表单伪类选择器的作用
js进阶 10-11 表单伪类选择器的作用 一.总结 一句话总结:能想到用伪类选择器来解决问题.如果能一次记住自然是最棒的. 1.表单伪类选择器分为哪两类? 表单元素和表单属性,表单元素例如inpu ...
- apply、bind、call方法的作用与区别
js中call.apply.bind方法的作用和区别 1. call方法 作用:专门用于修改方法内部的 this 指向 格式:xxx.call( 对象名, 参数1, 参数2 , ...);.即:将 x ...
- jQuery ajax - getScript() 方法和getJSON方法
实例 使用 AJAX 请求来获得 JSON 数据,并输出结果: $("button").click(function(){ $.getJSON("demo_ajax_js ...
- JQuery中的$.getScript()、$.getJson()和$.ajax()方法
$.getScript() 有时候,在页面初次加载时就取得所需的全部JavaScript文件是完全没有必要的.虽然可以在需要哪个JavaScript文件时,动态地创建<script>标签, ...
- js进阶 14-2 如何用ajax验证登陆状态(这里用load方法)
js进阶 14-2 如何用ajax验证登陆状态(这里用load方法) 一.总结 一句话总结:$('#test').load('test.php?password=1234560'),这样就get方式提 ...
- js进阶 14-6 $.ajax()方法如何使用
js进阶 14-6 $.ajax()方法如何使用 一.总结 一句话总结:$.ajax([settings])settings可选.用于配置Ajax请求的键值对集合. 1.$.ajax()的特点是什么( ...
随机推荐
- 获取cpu使用率
http://blog.csdn.net/u010515761/article/details/43225621 http://stackoverflow.com/questions/74674/ho ...
- ArcGIS Engine中的重点类库介绍
转自原文ArcGIS Engine中的重点类库介绍 System类库 System类库是ArcGIS体系结构中最底层的类库.System类库包含给构成ArcGIS的其他类库提供服务的组件.System ...
- Spring MVC : Java模板引擎 Thymeleaf (三)
以下以构造一个表单開始,解说 Thymeleaf的使用方法. 为了演示方便,还是以经典的注冊为例. 这是Thymeleaf的form的形式, <form action="#" ...
- 小白学开发(iOS)OC_ SEL数据类型(2015-08-10)
// // main.m // SEL数据类型 // // Created by admin on 15/8/12. // Copyright (c) 2015年 admin. All rig ...
- JAVA 并发编程-线程范围内共享变量(五)
线程范围内共享变量要实现的效果为: 多个对象间共享同一线程内的变量 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsi ...
- Timus 1935. Tears of Drowned 具体解释
Old Captain Jack Sparrow's friend Tia Dalma, the fortuneteller and prophetess, often makes potions. ...
- 值得学习的html知识
这里零度为大家推荐几个值得学习的html知识,很有用的哦! 一.打开窗口即最大化 <script language="javaScript"> <!-- Begi ...
- 用Vue+axios写一个实时搜索
刚刚在学vue,试着写了一个实时搜索文件. 思路:1.input 通过v-model绑定.2.通过watch检测输入结果变化.3根据结果变化从api调用不同的数据. 代码如下: <!DOCTYP ...
- Method and apparatus for transitioning between instruction sets in a processor
A data processor (104) is described. The data processor (104) is capable of decoding and executing a ...
- PatentTips - Control register access virtualization performance improvement
BACKGROUND OF THE INVENTION A conventional virtual-machine monitor (VMM) typically runs on a compute ...