微信扫一扫打赏支持

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文件。

  1. 语法：$.getScript(url,function(response,status))
  2. response-包含来自请求的结果数据
  3. 3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)

 

3、$.getJSON()如何使用（语法）？

其实一般使用第一个参数url就够了

.getJSON(url,data,success(data,status,xhr))

  1. ur必需。规定将请求发送的哪个URL.
  2. data可选。规定连同请求发送到服务器的数据。
  3. 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文件。
    1. 语法：$.getScript(url,function(response,status))
    2. response-包含来自请求的结果数据
    3. 3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)
  • .getJSON(url,data,success(data,status,xhr))
    1. ur必需。规定将请求发送的哪个URL.
    2. data可选。规定连同请求发送到服务器的数据。
    3. function(response,status,xhr)可选。规定当请求成功时运行的函数。
 

 

2、代码

 

html

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <style>
 4 </style>
 5 <head>
 6     <meta charset="UTF-8">
 7     <title>演示文档</title>
 8     <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
 9     <style type="text/css">
10       </style>
11 </style>
12 </head>
13 <body>
14     <input type="button" id="btn" value="Ajax测试">
15     <div id="test"></div>
16 <script type="text/javascript">
17     $(function(){
18         /*
19         $('#btn').click(function(){
20             $.getScript("test.js",function(response,status){
21                 //alert('JS文件加载成功')
22                 alert(response+status)
23             })
24         })
25         */
26         $('#btn').click(function(){
27             $.getJSON("test.json",function(response,status){
28                 alert(response[0].name)
29             })
30         })
31     })
32 </script>
33 </body>
34 </html>
复制代码

 

js

1 $('#test').html('我是从服务器端加载进来的JS文件')

 

 

json

[
    {
        "name":"张三"
    }
]

 

 

 

 
posted @   范仁义  阅读(1422)  评论(0)  编辑  收藏  举报
编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· AI与.NET技术实操系列（六）：基于图像分类模型对图像进行分类
历史上的今天：
2017-07-20 L2-002. 链表去重
2017-07-20 L2-003. 月饼
侧边栏
打赏
点击右上角即可分享
微信分享提示
SQL AI 助手