首页 > 编程语言 >通过执行方法来获得并运行一个 JavaScript 文件

通过执行方法来获得并运行一个 JavaScript 文件

时间:2023-01-29 17:56:32浏览次数:43  
标签:文件 success loadjscb JavaScript js getScript 运行

通过执行方法来获得并运行一个 JavaScript 文件

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

定义和用法

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

$("button").click(function(){
  $.getScript("demo_ajax_script.js");
});

语法

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

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

$.getScript("ajax/test.js", function() {
  alert("Load was performed.");
});

 

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

示例:

实现业务:某一方法调用loadjscb方法,该方法中实现通过 AJAX 请求来获得并运行一个 JavaScript 文件后接着做一些业务

1、调用loadjscb方法:

 loadjscb(form, function () {
                var z = config.us_remove_weekid.split(",");
                formSelects.value('us_remove_weekid', z);
            });

2、loadjscb方法:

    function loadjscb(form, cb) {
        $.getScript("/assets5/third/formselects/formselects-v4.js", function () {  //加载test.js,成功后,并执行回调函数
            formSelects = layui.formSelects;
            cb();//上面那步的参数二
        });
    }

 

标签:文件,success,loadjscb,JavaScript,js,getScript,运行
From: https://www.cnblogs.com/ZhuMeng-Chao/p/17073393.html

相关文章

  • JavaScript 文件处理
    JavaScript可以通过文件API实现许多常见的文件处理任务,下面是一些例子:1、读取文件内容:使用FileReaderAPI可以将文件读取为ArrayBuffer、Blob、DataURL等格式,并进......
  • springboot配置文件读取顺序
    若application.yml和bootStrap.yml在同一目录下,则bootStrap.yml的加载顺序要高于application.yml,即bootStrap.yml会优先被加载。原理:bootstrap.yml用于应用程序上......
  • linux 中awk命令从fasta文件中提取指定的scaffold数据
     awk实现001、awk实现,提取第一个scaffold[root@PC1test]#lsa.fa[root@PC1test]#cata.fa##测试数据>chr1aattccgg>chr2ttccggaaggccttg......
  • 操作系统 - 文件系统
    Linux所有文件都建立在虚拟文件系统(VirtualFileSystemVFS)之上。Linux支持每个目录用不同的文件系统,而文件也可能是指磁盘,内存,网卡,输入输出设备等。Linux:一切皆文......
  • JavaScript 文件上传
    JavaScript可以使用表单提交来实现文件上传。首先,在HTML中创建一个文件输入框:<inputtype="file"id="fileInput">然后,在JavaScript中获取文件输入框的引用,并在其上......
  • uni-app运行到小程序遇到的问题
    1、v-for循环嵌套的时候index不能使用相同的名称//错误写法<viewv-for='(item,index)inarr1'><viewv-for='(group,index)inarr2'></view><view>//正确写......
  • 安装VMware Tools,从本地主机上传文件到虚拟机
    一、在虚拟机上安装VMwareTools在虚拟机开机登陆后,我的上面的“安装VMwareTools”是点不了的,只能在开机的时候,可以点,点击重新安装VMwareTools,然后登录虚拟机  ......
  • 重命名文件时,提示“必须键入文件名”的解决方法
    1、问题描述:新建文件夹,想把某个文件夹的名字改成".m2",但是却提示"必须键入文件名"2、解决方法:在该文件目录上输入cmd,进入命令行模式,输入rename原文件名字新的文件名......
  • 使用 JavaScript 从字符串中提取数字
    在JavaScript中,有多种方法可以从字符串中提取数字。一种方法是使用 match() 方法和正则表达式来搜索字符串中的所有数字。另一种方法是使用 replace() 方法和正则表达式从......
  • 解释 JavaScript 中计时器的工作原理
    在JavaScript中,计时器是一个非常值得注意的功能。与普通的手表计时器一样,我们可以一次启动计时器,并在特定时间后执行JavaScript中的函数或代码。简单来说,我们可以使用计......