如何将异步加载的脚本传递给jQuery的getScript - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Js脚本的异步加载

在浏览器中网页加载中 javascript 的加载和执行会默认阻塞 DOM 的加载和页面的渲染。因此，在编写代码的时候我们往往将 script 标签放到 body 的最后面。...当然，也可以通过异步创建 script 标签的方式来实现 js的异步加载。只是，这些都是通过绕路的方式实现的。如何让脚本本身不阻塞页面（异步）来加载，是一个常态化的需求。....js 和 example2.js 脚本会在 DOM 渲染的时候同步下载，并不会阻塞 DOM 的加载。... 从改变脚本的处理来看，async 和补充版本的 defer 类似，都是为了异步加载 javascript 而存在的。...2.正因为加了 defer 或者 async 的脚本不会阻塞 DOM 的加载，所以，内部不应该有操作 DOM 的行为。 2.defer 脚本下载和执行都不会阻塞DOM。

11.1K2 0

JavaScript 框架学习（JQuery）

api=jquery // 注意：在JS代码中，为保证 JS代码能够正常运行，需要在HTML代码加载完毕后，再执行JS代码。...传入返回数据以及“dataType”参数的值。并且必须返回（经处理的）数据传递给success回调函数。 success：当请求之后调用。...③参数 url：一个用来包含发送请求的URL字符串。 async：默认为true，所有请求均为异步请求。...如果使用 getScript 加入脚本，请加入延时函数。 url：待载入 JS 文件地址。 callback：成功载入后回调函数。...$.getScript("test.js", function(){ alert("脚本加载完毕。")

9K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

【春节日更】JS延迟加载的几种方式

面试中，经常被问到： “JS延迟加载的几种方式” 今天，我们就来分享下JS延迟加载的方式 JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。...一般有以下几种方式： defer 属性 async 属性动态创建DOM方式使用jQuery的getScript方法使用setTimeout延迟方法让js最后加载 1. defer...HTML5规范要求脚本按照它们出现的先后顺序执行。在现实当中，延迟脚本并不一定会按照顺序执行。 defer属性只适用于外部脚本文件。支持 HTML5 的实现会忽略嵌入脚本设置的 defer属性。...与defer属性类似，都用于改变处理脚本的行为。同样，只适用于外部脚本文件。目的：不让页面等待脚本下载和执行，从而异步加载页面其他内容。异步脚本一定会在页面 load 事件前执行。...使用jQuery的getScript()方法 $.getScript("outer.js",function(){ //回调函数，成功获取文件后执行的函数 console.log

2.5K3 0

jQuery学习笔记之jQuery的Ajax（3）

(),load();（底层） getScript(),getJSON;（上层） $.get() (或$.post()) 方法 1、`$.get()` 方法使用 GET 方式来进行异步请求....2、它的结构是: load(url[, data][,callback]) 3、程序员只需要使用 jQuery 选择器为 HTML 片段指定目标位置, 然后将要加载的文件的 url 做为参数传递给...jQuery 7、如果只需要加载目标 HTML 页面内的某些元素, 则可以通过 load() 方法的 URL 参数来达到目的....) $.getScript()方法 1、有时候，在页面初次加载时就取得所需的全部的javascript文件是完全没有必要的。...JQuery 加载并解析 XML 1、JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml.

1.3K3 0

java中的jQuery与Ajax的应用，菜鸟教程

Ajax揭开了无刷新更新页面的新时代，并有代替系统的Web方式和通过隐藏的框架来进行异步提交的趋势，是Web开发应用的一个里程碑。...减轻服务器和宽带的负担开发和调试工具的缺乏 2.Ajax的XMLHttpRequest对象 Ajax的核心是XMLHttpRequest对象，它是Ajax实现的关键——发送异步请求、接收响应及执行回调都是通过它来完成的...4 “已加载”状态，响应已经被完全接收。...的AJAX实现（一） jQuery对Ajax进行了封装。...如： {name:’zhangs’} callback:载入成功时回调函数(只有当Response的返回状态是success 才调用该方法)自动将请求结果和状态传递给该方法。

2.1K3 0

三、jQuery中的Ajax

JQuery中的Ajax 方法 load方法 .get和.post方法 $.ajax方法 .getScript方法和.JSON方法事件 ajaxStart和ajaxStop ajaxComlete、...ajaxSend、ajaxError、ajaxSuccess事件 load方法 $element.load(url,[data],[callback]) url 异步请求的地址 data 异步请求的数据...'加载成功了'); }) ?...获取成功后会自动调用获取的脚本js代码。回调函数会返回脚本的字符串类型，可以通过eval函数进行调用。...异步提交表单的步骤获取表单组件的内容根据表单数据构建请求数据通过Ajax异步提交表单序列化 serialize()方法将表单组件对应的数据值序列化为指定格式的字符串内容。

4.5K2 0

JavaScript学习笔记（五）——Ajax

jQuery与Ajax的综合应用 Ajax是 Asynchronous JavaScript And XML 的缩写，意思是异步的JavaScript和xml，他是基于JavaScript和HTTP请求的一种网页编程模式...以一种异步的方式与web服务器通信，并且只更新页面的一部分。...加载异步数据全局函数getJSON（）全局函数getScript（）可以通过getScript动态载入脚本，即在网页初始化时只要载入必要文件，其他的用的时候再载入。...$(selector).getScript("./jquery.min.js"); 2....() jQuery插件的应用于开发 jQuery插件就是开发爱好者自己利用jQuery制作的特效，然后打包成js文件，发布到网上供大家使用的脚本集合。

2.8K1 0

前端必知的ajax

尝试一下>> 2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求参数： url (String) : 发送请求的URL地址....注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。...jQuery 代码: $.getScript("test.js"); ---- 加载并执行 AjaxEvent.js ，成功后显示信息。...jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...; }); jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。

4.2K4 0

JS --- 延迟加载的几种方式

HTML5 规范要求脚本按照它们出现的先后顺序执行。在现实当中，延迟脚本并不一定会按照顺序执行。 defer属性只适用于外部脚本文件。支持 HTML5 的实现会忽略嵌入脚本设置的 defer属性。...与defer属性类似，都用于改变处理脚本的行为。同样，只适用于外部脚本文件。　　目的：不让页面等待脚本下载和执行，从而异步加载页面其他内容。　　...异步脚本一定会在页面 load 事件前执行。　　不能保证脚本会按顺序执行。　　async和defer一样，都不会阻塞其他资源下载，所以不会影响页面的加载。..."onload",downloadJSAtOnload); else window.onload =downloadJSAtOnload; 4.使用jQuery...的getScript()方法 $.getScript("outer.js",function(){//回调函数，成功获取文件后执行的函数 console.log("脚本加载完成")

5.7K2 0

JavaScript类库---JQuery(二)

接上： 6、Ajax：　一个基础底层函数：jQuery.ajax(); //高级工具函数都会调用此函数；　一个高级工具方法：load() ; 　四个高级工具函数：jQuery.getScript...()、jQuery.getJSON()、$.get() 、 $.post(); load()：是一个方法，向它传入一个URL，它会异步加载该URL的内容，然后将内容插入到选中的元素中，去替换已存在的内容...；形如：$("#status").load('status.html'); 如果只想显示被加载文档的一部分，可以在URL后面加一个空格和一个jQuery选择器。...的XMLHttpRequest对象； $.getScript():加载js代码文件；第一个参数是js文件的url(可跨域)，可选的第二个参数是回调函数，形如：jQuery.getScript('http...://..../.js',function(){....}); 回调函数会在文件执行完成后调用，其也有三个参数，在同源脚本情况下，参数与load()方法的回调函数相同，在跨域请求时，第一个和第三个参数都为

1.9K1 0

jQuery Ajax 全解析

jQuery 1.2 版本之前，getScript 只能调用同域 JS 文件。1.2中，您可以跨域调用 JavaScript 文件。注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。...如果通过 getScript 加入脚本，请加入延时函数。这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件.下面看一些示例代码：加载并执行 test.js。...jQuery 代码: $.getScript("test.js") 加载并执行 AjaxEvent.js ，成功后显示信息。...jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...，它会向DOM中的所有元素广播，在上面 getScript() 示例中加载的脚本就是全局Ajax事件。

10.9K1 0

jQuery ajax() 方法

jQuery.getScript() 使用 HTTP GET 请求从服务器加载 JavaScript 文件，然后执行该文件。 .load() 从服务器加载数据，然后把返回到 HTML 放入匹配元素。...注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。...jQuery 代码: $.getScript("test.js"); ---- 加载并执行 AjaxEvent.js ，成功后显示信息。...jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...getScript() 示例中加载的脚本就是全局Ajax事件。

4.4K6 0

Ajax Step By Step3

．$.getScript()和$.getJSON()】 jQuery 提供了一组用于特定异步加载的方法：$.getScript()，用于加载特定的 JS 文件； $.getJSON()，用于专门加载 JSON...有时我们希望能够特定的情况再加载 JS 文件，而不是一开始把所有 JS 文件都加载了，这时课时使用$.getScript()方法。...1.1）点击按钮后再加载 JS 文件 $('input').click(function() { $.getScript('test.js'); }); 1.2）$.getJSON()方法是专门用于加载...JSON 文件的，使用方法和之前的类似。

8622 0

Web前端JQuery面试题（三）

Web前端JQuery面试题（三） Web前端JQuery面试题（三） 1.怎么阻止冒泡过程？...Ajax是Asynchronous JavaScript and XML的缩写，核心是通过XMLHttpRequest对象进行异步获取的方法，向服务器发送数据请求，通过这个对象进行接收请求返回的数据。...jquery中的load()方法，进行获取异步数据。...17.关于全局函数中的getScript() 通过全局函数getScript()可以获取.js文件内容 $.getScript(url,[callback]) // 加载的js文件地址和加载成功时执行的回调函数..."); }) }) $.getScript("User.js", function() { alert("加载成功"); }); 18.全局函数get()？

3.6K2 1

详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

一，$.get(url,[data],[callback]) 说明：url为请求地址，data为请求数据的列表(是可选的，也可以将要传的参数写在url里面)，callback为请求成功后的回调函数，该函数接受两个参数...user' },function(data, status) { alert(data); }, "json"); 事件驱动的脚本载入函数：getScript() getScript(...脚本并且执行。...async Boolean (默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。...1.2 新功能，设置为 false 将不会从浏览器缓存中加载请求信息。

5.3K10 0

锋利的JQuery学习笔记之JQuery-Ajax的应用

今天终于看到了最令我兴奋的一章：JQuery与Ajax的应用。...2.破坏浏览器“前进”、“后退”按钮的正常功能；3.对搜索引擎支持的不足；4.开发和调试工具的缺乏；　　下面看一段最经典的实现Ajax的js脚本代码： <script language="javascript...; 　　幸运的是，我们强大的JQuery库为我们封装了许多Ajax操作，在JQuery中$.ajax()属于最底层的方法，第2层则是load,get,post方法，第3层是getScript和getJSON...$("#resText").load("test.htm"); }); }); 通过设置id为send的按钮点击事件，在id为resText的div中加载...即使在表单中增加多个字段，脚本仍然能够使用，并且不需要做其他多余的工作。

9074 0

jQuery的ajax详解

jQuery内部也封装了对原生ajax请求的方法，可以很方便我们的对后台异步请求处理。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。...$.getJSON('user.json', function(data) { console.log(data.id); }); jQuery.getScript()方法执行后台的请求，并下载js...脚本，下载完成后，自动执行。...语法: jQuery.getScript( url [, success ] ) $.getScript( "ajax/test.js", function( data, textStatus, jqxhr

3.2K0 0

JQuery选择器

/javascript”> 引用Jquery的两种方式 jQuery常用的事件： load：当文档加载时运行脚本 blur：当窗口失去焦点时运行脚本 focus：当窗口获得焦点时运行脚本...mouseover：当鼠标指针移至元素之上时运行脚本 mouseup：当松开鼠标按钮时运行脚本 abort：当发生中止事件时运行脚本 jQuery常用的效果方法 (selector).hide(...(selector).clone() – 创建匹配元素集合的副本 (selector).load() – 从服务器加载数据，然后把返回到 HTML 放入匹配元素 jQuery对CSS的操作 (selector...(selector).css() – 设置或返回样式属性 jQuery Ajax 操作函数 .ajax() – 执行Ajax异步请求 .get() – 使用GET请求从服务器获取数据 .getJSON...() – 使用GET从服务器请求JSON编码数据 .getScript() – 使用GET从服务器请求JavaScript文件并执行该文件

8.7K1 0

javascript跨域

使用Jquery中getScript和getJson方法实现跨域 Jquery 的getScript 和 getJson方法都可以调用跨域的js或服务端脚本，但是它们的实现原理不一样。...1.getScript 方法语法：jQuery.getScript(url,success(response,status)) 该函数是简写的 Ajax 函数，等价于： $.ajax({ Type...注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。..., dataType: json }); 在jQuery 1.2 中，您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "myurl?...其实原生态From 表单 POST 到一个后台处理脚本是不存在跨域问题，因为提交过程不牵涉到JS操作其它域名的对象，可是POST表单后，页面会刷新，给用户带来的体验不佳，这时我们经常会想到用jquery

2K4 0

前端使用ajax_ajax属于前端吗

原生AJAX 名称：异步的javascript and xml 原理：通过XMLHttpRequest与服务器交换数据服务器数据通过json或者xml格式返回浏览器通过js+css渲染展示数据...中的ajax 分为3层第一层：$.ajax() 第二层：.get() .post() 第三层：.getJSON() .getScript() load() 注意：以下需要引入JQuery $.ajax...() var index = 1 // 异步加载 function AJAX(index=1){ // 1....data,status,xhr){ console.log(data,status,xhr); //data be.json里面的数据 //status 状态 success成功 //xhr 封装好的jquery...异步，同步同步：阻塞代码执行异步：代码同时执行，不会阻塞代码 4.url地址的组成例如：https:www.520mg.com:443/ajax/echo.php?

2.1K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭