通过ajax加载JavaScript的好习惯方法
是将JavaScript代码分离成独立的文件，然后使用ajax技术动态加载这些文件。这种方法有以下优势：
- 提高页面加载速度：将JavaScript代码分离成独立的文件可以减小页面的文件大小，从而提高页面加载速度。因为JavaScript文件可以被浏览器缓存，所以在后续访问时可以直接从缓存中加载，减少了网络请求的次数。
- 提高代码可维护性：将JavaScript代码分离成独立的文件可以使代码结构更清晰，易于维护和修改。不同的功能可以分别放在不同的文件中，便于团队协作和版本控制。
- 提高代码复用性：将JavaScript代码分离成独立的文件可以使代码更易于复用。多个页面可以共享同一个JavaScript文件，减少了代码的冗余和重复编写。
- 支持异步加载：使用ajax技术加载JavaScript文件可以实现异步加载，不会阻塞页面的加载和渲染。这样可以提高用户体验，让页面更快地呈现给用户。
推荐的腾讯云相关产品是腾讯云对象存储（COS）。腾讯云对象存储（COS）是一种安全、高可靠、低成本、高扩展性的云端存储服务，适用于存储大量非结构化数据，如图片、音视频、备份、恢复、容灾等。您可以将JavaScript文件上传到腾讯云对象存储（COS）中，并通过ajax技术动态加载这些文件。
腾讯云对象存储（COS）产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我目前正在开发一个简单的javascript模块系统(类似于node.js模块系统或requireJS)。
要加载模块所需的javascript文件，我使用mootools请求对象：
var request = new Request({
url: <url to javascript file>,
method: 'get',
onSuccess: function(jsFileContent) {
var func = new Function(jsFileContent);
var result = fu
浏览 4提问于2012-04-22得票数 0
回答已采纳
当我的网站加载下面的javascript时，它会导航到正确的锚标记，但是当加载页面的其余部分(通过javascript +ajax加载其他内容)一秒钟后，页面就会被推倒在锚标记之外。在加载了所有其他php + javascript之后，是否仍然可以调用window.location (下面的javascript )？
<script>
window.location = (""+window.location).replace(/#[A-Za-z0-9_]*$/,'')+"#<?php echo $windowlocation; ?&g
浏览 5提问于2016-05-19得票数 0
回答已采纳
1回答
我有一个html页面，可以在本地的xampp帮助下访问，。
该页面看起来像这样，当打开这个页面时，这个页面会很好地加载，并且在我的trello列表上创建了一张卡片。我交换了my_key等，所以在我的版本中，我有一个长12345 a的地方。
trelloapi.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="
浏览 5提问于2016-03-25得票数 3
回答已采纳
1回答
使用Rails 3.2.8
选择链接会产生预期的确认对话，“哦，是吗？”
选择OK按钮的预期结果是，<div id = "target">中的文本“表单在这里”应该更改为“表单\nsnookums”。
实际的结果是文本“表单在这里”消失了，就像它应该消失的那样，但是在<div id = "target"></div>中没有放置任何东西。
显示HTML5文档类型、rails和AJAX链接所包含的jQuery文件的页面代码：
<!DOCTYPE html>
<html xmlns="http://www.
浏览 5提问于2012-11-10得票数 0
2回答
负责加载产品列表的文件是product-list.tpl，我需要编辑product-list.tpl (prestashop/modules/product-list.tpl)来显示加载图像，直到产品列表完全加载。
负责装载产品清单的tag位于<!-- Products list -->下，具体如下：
<ul{if isset($id) && $id} id="{$id}" {/if} class="product_list grid row{if isset($class) && $class} {$class}{/i
浏览 0提问于2018-06-04得票数 0
回答已采纳
我想知道JavaScript中是否有加载给定文件内容的东西。
例如，我有一个名为timer.php的文件，它(在某些条件下)打印1或0。我需要JavaScript来读取它，并将它作为一个变量来执行函数。
所以就像这样：
function dothis() {
var timer = getfilecontents(timer.php);
if(timer == 1) {
somefunction();
}
}
差不多就是这样了。在这样的情况下有什么我可以使用的吗？
浏览 2提问于2014-05-05得票数 0
2回答
如何将Backbone集合设置为始终在所有请求中发送"application/json“的内容类型？
我尝试过的代码：
myCollection = Backbone.Collection.extend({
headers: {"Content-Type": 'application/json'},
url: '/foo'
});
和：
myCollection = Backbone.Collection.extend({
contentType: 'application/json',
url: '
浏览 1提问于2013-10-08得票数 1
我有一个页面，它执行AJAX调用并加载整个页面。加载的页面包含一些Javascript。javascript在加载时可以在页面上独立工作，但是当它被AJAX加载时，Javascript就不能工作了。我不知道我错过了什么。
浏览 1提问于2012-12-21得票数 0
回答已采纳
我已经用了一段时间了：
<script src="https://www.google.com/jsapi?key=MY_API_KEY" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
然而，我已经看到了其他谷歌加载器的选择，例如直接加
浏览 0提问于2011-10-26得票数 1
回答已采纳
1回答
动态更改HTML元素的ID属性
、、、、
我有张桌子..。当页面返回到客户端时，我想更改它的id。JSP或servlet与Javascript
<table id="myTable" border="1px" style="font-size: 10px;width: 200px; font-size: 10px; float :left;" >
我想在页面回发时用mytable2更改它的id
<table id="myTable2" border="1px" style="font-size: 10px;width: 200px
浏览 1提问于2014-06-05得票数 1
2回答
我正在试验AJAX UI选项卡控件，有三个选项卡，每个选项卡通过jQuery加载不同的页面。加载的页面是完整的html页面，具有自己的Javascript和CSS。
html正文中的内联脚本可以，标记上style-attribute中的CSS也可以，但是加载页面头部的Javascript和CSS根本不会被使用。
如何在加载页面的头部使用Javascript和CSS？或者我必须在包含选项卡控件的页面中包含所有CSS和Javascript？
浏览 0提问于2010-11-03得票数 2
回答已采纳
我运行一个比特币钱包，它使用浏览器端Javascript加密和解密比特币密钥。
我希望将javascript提供给Github，然后从github存储库加载javascript。
我的问题是，我需要检查加载的Javascript的完整性，以确保at没有被篡改。
我怎么才能做得最好呢？会不会是像。
使用ajax调用加载远程Javascript。
MD5散列和比较。
如果状态良好，就执行。
浏览 2提问于2013-03-18得票数 7
我在一个javascript文件中创建了一个链接，该文件在加载时可以成功运行。我遇到的问题是，当有人单击链接时，JQM不会使用AJAX加载它，而是将它加载到一个新页面中。我不明白为什么会发生这样的事情。
以下是该链接的HTML：
boxText.innerHTML = "<a href='../home-details/index.php?id=" + home_id + "' class='infowindow'>" + address + "<div class='infowindow-arr
浏览 0提问于2012-06-14得票数 0
我有一个关于ajax的问题，我有一个类别下拉框和一些javascript，以便当用户选择一个类别时，这会自动将页面重定向到该类别，而不必单击提交按钮。我的问题很简单，我如何将ajax添加到此过程中，以停止页面加载，并仅加载包含类别项的div？
我使用的是表达式引擎cms，我知道这无关紧要，但标签在代码中。
这是我的代码：
<script language="JavaScript" type="text/javascript">
var theTarget = "_top";
function goThere() {
浏览 0提问于2011-12-02得票数 1
回答已采纳
1回答
我有一个使用JSP、JavaScript、jQuery和css构建的相当复杂的页面。它在Chrome、Firefox和IE10中运行得很好。但是，它不能在IE8中工作-特定于特定页面的JavaScript不加载，HTML被破坏，一些css被加载，但不是全部。
通过AJAX调用调用的页面：
jQuery.ajax({
url : url,
dataType: "html",
cache : false,
beforeSend : ...
在开发工具中捕获网络活动显示，相关的脚本文件已经
浏览 1提问于2013-12-11得票数 0
回答已采纳
1回答
我是一个使用AJAX和JavaScript的新手，不知道如何让它工作。
以下是网站：
单击项目组合图像时，将通过AJAX加载详细信息。我希望能够做一个幻灯片的工作，有一个以上的全尺寸图像。但是，由于内容是使用AJAX加载的，Flexslider的JavaScript无法工作。
下面是加载内容的代码：
// ----------- PROJECT WINDOW SHOW/HIDE ----------- //
var $actual= null;
$(".ch-grid").click(function() {
$.scrollTo
浏览 0提问于2014-09-17得票数 0
我在我的asp.net页面中通过jQuery加载用户控件。
用户控件包含JavaScript文件，当加载用户控件时，我的所有js一次加载，这是相互依赖的，它们往往会在一次加载所有文件时出错。所以我希望我的JavaScript文件一个接一个地同步加载，因为一个文件完全加载了，而下一个文件应该开始加载。
有没有办法在JavaScript中设置同步模式？或者任何JavaScript来设置这个？任何点子或建议都会很有帮助。
浏览 3提问于2010-09-28得票数 0
回答已采纳
1回答
我又有另一个问题了！我必须在程序从ms sql加载期间创建一个加载图标，在读取后，应该会显示一个图表，但该图标在加载过程中没有显示，所以我不能知道该过程是否完成。
<head runat="server">
<script type="text/javascript">
$(window).load(function () {
$(".loader").fadeOut("slow");
})
</script>
在正文中：
<body>
<div
浏览 0提问于2016-03-21得票数 0
我有一个jQuery ajax调用，它返回表的html。现在我需要让用户在表格上执行一些javascript操作。
返回的ajax响应可以包含javascript代码吗?还是必须在第一次加载页面时加载页面中的javascript代码？
用户可以选择触发'new‘javascript。它不需要在ajax调用时触发。
浏览 1提问于2012-06-23得票数 0
回答已采纳
2回答
所有示例/答案似乎都显示了在加载页面时运行一个分部的javascript。
当页面加载时，此部分不加载..。稍后将在一个按钮上使用AJAX加载它。
我试过我的JS
内部：
$(document).ready(function () {
以及：
$(function(){
以及：
单凭
首先根本不触发。第二页和第三页似乎在第二页加载时触发。我猜是因为我的js影响的div会存在。那么，当部分加载时，如何使其运行。
浏览 0提问于2013-01-25得票数 0
我在combobox上使用jQuery autoComplete插件(选择)，问题是这个组合框是通过ajax加载的，因此，在我正在加载的组合框上没有应用自动完成插件，我知道我必须使用.on()，因为javascript也可以应用于新的元素，但我不知道如何使用autocomplete代码：
$(function() {
$( ".combobox" ).combobox();
$(document).on('click', '.toggle', function() {
$( ".combobox&#
浏览 2提问于2015-01-29得票数 0
回答已采纳
将html页面的内容加载到另一个网页的最佳方法是什么？假设我有一个头版(index.php)，我可以在PHP和javascript之间进行选择，我不需要关心兼容、移动用户等等。
在过去，我在php中使用include()/include_once()函数来执行类似的操作，将我的内容(我已经放入content.html中)的内容加载到content.html上的div容器中：
<div id="content">
<?php include("content.html"); ?>
</div>
但我也可以使用javasc
浏览 0提问于2013-12-19得票数 2
回答已采纳
我遇到了一种情况，即使用ID=main.js脚本将HTML加载到带有main.js“动态内容”的DIV中。这个脚本位于main.php的头部部分，如下所示：
$.ajax({
url: 'content.php',
success: function(output){
$('#dynamic-content').html(output);
}
});
负责控制该内容的Javascript文件位于另一个名为secondary.js的JS文
浏览 7提问于2015-05-08得票数 0
回答已采纳
我有一段Javascript，我想在加载表单时运行。表单自己处理。当表单加载时，Javascript工作得很好，但是当表单提交并且页面自行处理时，Javascript就会破坏它。
是否有办法使Javascript只在表单未被处理时运行？
更新：
当处理表单时( Javascript正在执行AJAX请求)，我得到了这个错误：
TypeError：“未定义”不是一个对象，XMLHttpRequest无法加载ajax请求url原始页面不允许访问-控制-允许-原产地
下面是HTML：
<form method="#" action="post">
浏览 2提问于2011-09-18得票数 0
回答已采纳
我对JavaScript比较陌生，我正在努力理解如何正确地使用它。
如果我将JavaScript代码包装在匿名函数中以避免使变量public，则JavaScript中的函数在包含JavaScript的html中不可用。
在最初加载页面时，JavaScript加载并被执行，但在随后的页面重新加载时，JavaScript代码不会再次通过执行过程。具体来说，有一个ajax调用使用httprequest从一个PHP文件中获取数据，并将返回的数据传递给一个回调函数，该回调函数在成功的情况下处理数据，如果我能够在html中调用在html中执行httprequest的函数。
<script type=
浏览 2提问于2008-09-15得票数 0
我有这个Javascript，它需要很长时间才能加载，加载速度很慢，就像5秒加载一样！我想知道我是否可以在网站加载后加载JavaScript，这样Javascript就不会减慢网站的加载速度？
浏览 10提问于2013-11-17得票数 1
7回答
我的网页上有javascript，但我需要对我的用户隐藏它(我不想让他们看到它，因为它包含一些游戏的答案)。
因此，我尝试使用Jquery .load来隐藏内容(我使用该调用从外部js文件加载内容)。但它无法加载。所以我尝试了ajax，它也失败了。
也许问题来自于我试图加载一个位于根目录中的文件，而原始页面位于" root /public_html/main/pages"：
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
url :
浏览 0提问于2012-04-21得票数 0
我有以下文件：
<html>
<head>
<title></title>
<script type="text/javascript" src="/Prototype.js"></script>
<script type="text/javascript">
function load_content()
{
new Ajax.PeriodicalUpdater('content', '/UpdatedContent/,
{
浏览 3提问于2009-01-12得票数 0
回答已采纳
我正在使用工具提示插件来创建工具提示。当页面打开时，我想应用插件的部分内容是通过AJAX加载的。
我试着用
jQuery(window).on("load", function(){
$('.tip1').tooltipster();
});
但是它似乎只在主页面内容上应用函数，而不是在ajax加载的内容上应用。
这样做是可行的：
$(document).on('ready ajaxComplete', function() {
$('.tip1').tooltipster();
});
但是，如果通过AJAX重新加载内容，似乎会
浏览 0提问于2014-10-02得票数 2
回答已采纳
如何执行使用Ajax加载的JavaScript代码。
就像如果我们使用JavaScript从服务器加载JavaScript代码一样。
编辑：我不想用脚本标记来解释JavaScript代码。我不会使用jQuery和任何其他JavaScript库来做这件事。而且我不想调用任何已经由用户定义的函数.
--我只想用Ajax请求解释从服务器加载的JavaScript代码.
浏览 3提问于2013-06-13得票数 0
一旦DOM完全加载，$(document).ready(handler)就会执行。如果稍后使用AJAX将内容添加到页面，其中包含一个$(document).ready(handler)函数，则该函数将立即按照执行。此外，只能对匹配当前文档的.ready对象调用jQuery。
然而，这不是我想要的:)
在.ready已经以跨浏览器兼容的方式启动之后，我如何实现通过AJAX加载数据的这种.ready类型的功能？
编辑：这里是一个非常简化的示例。我确实有一个问题，我想解决，但我更感兴趣的是，如何正确地做到这一点。
基本上，.ready函数在ajaxPage.html中是在importantDepen
浏览 6提问于2010-12-15得票数 4
回答已采纳
2回答
期待-
我正在开发Ajax加载器，Youtube就像ajax加载程序一样给我留下了深刻的印象。
在尝试这个加载器之前，我通常用这种方式加载ajax加载器-
只要ajax启动，就完成-
<script type="text/javascript">
$(function () {
$('.loader').ajaxStart(function () {
$(this).fadeIn();
}).ajaxComplete(function () {
浏览 2提问于2013-10-03得票数 1
回答已采纳
我有一个index.php文件，它将基于$_GET变量加载内容。所以，基本上是这样的.
<?php
$problem_id = $_GET['problem_id'];
include('include/' . $problem_id . '.php');
?>
因此，如果用户单击问题类型#8，8.php将包含在index.php文件中，并显示其内容。
问题是，我现在使用AJAX来加载8.php (或所选择的任何文件)。有些文件依赖于其他javascript文件(即<script type="text/jav
浏览 0提问于2014-06-18得票数 0
回答已采纳
我有一个用ajax加载不同页面的页面。而另一种则是使用一些脚本来转换灰度图像效果。的问题是，当它试图加载时，没有显示效果，例如：
在我的主页上：
$(function(){
$("#family").click(function () {
$("#proyects").load('family.html');
});
});
把内容放在这里
<div class="ten columns content" id="proyects">
</div>
另一个页面加载灰度效果，单独工作
浏览 1提问于2012-08-22得票数 1
回答已采纳
如果我注释掉了脚本标签，页面就会在没有错误的情况下加载。我认为这是因为javascript不符合XHTML吗？如果我包括我自己的script.js，它也不会导致错误。
<composite:interface>
<composite:attribute name="managedBean" />
</composite:interface>
<composite:implementation xmlns:corecommon="http://java.sun.com/jsf/composite/components/co
浏览 1提问于2014-04-04得票数 0
回答已采纳
给定远程页面：
它使用Javascript函数调用显示几页表格数据：
javascript: show_page(1) javascript: show_page(2)
诸若此类。用户点击页面链接来显示每个页面，这会触发一个重新加载，但是没有查询字符串，即URI保持不变。
在抓取此站点时，有一种获取后续页面的方法是有用的，但在请求中指定一个页码(传递给file_get_contents())则没有明显的方法。
有没有办法：
address.Return 打开远程web地址。调用该的已知javascript函数，即结果？。
浏览 3提问于2009-07-12得票数 0
回答已采纳
3回答
我正在浏览引导站点，其中他们提到了加载引导程序的代码片段：
本质上，引导javascript和JQuery是在body标记之前加载的。这是加载任何外部javascript的推荐方法吗？
是否有任何情况必须在head标记中加载外部javascript？因为，我见过很多这样的例子。
这个google页面有自己的技术，在body标记之前加载javascript。
浏览 0提问于2014-07-29得票数 2
回答已采纳
2回答
我有一个普通的表单，用户输入数据，尽管表单页面"submit.php“实际上需要大约6秒来完成表单请求。在JavaScript中有任何方法在用户提交表单后重定向吗？
我需要这样的东西，虽然这不起作用，因为页面正在从提交表单的过程中加载( JavaScript在页面加载时不处理，但是，我需要它在页面加载时处理)。
HTML：
<form>
<input type='text' id='resizer' name=\"ucode\" placeholder='username'>
<
浏览 4提问于2013-11-29得票数 0
回答已采纳
多亏了HTML5对Javascript的History API的扩展，Javascript开发人员现在可以更好地控制浏览器的历史记录，甚至可以更改给定页面的状态，并向用户提供可加书签的地址，而无需重新加载页面。
然而，在PHP (或服务器端)方面，情况略有不同。以下面的URL为例：
http://somesite.com/?user=8796&fname=john&lname=doe。
当用户第一次使用PHP导航到此页面时，PHP开发人员可以使用GET超级全局访问服务器端的URL中传递的信息，例如：
$user_id = $_GET['user'];
$user
浏览 2提问于2015-05-16得票数 1
如何防止通常通过ajax加载的页面自动加载？例如，在main.php中，您通过ajax "cart.php“加载并将其解析为本地div。有没有可能当用户尝试直接加载cart.php时，用户被重定向到main.php？
--注释: javascript不是一个选项
浏览 0提问于2012-12-02得票数 0
回答已采纳
1回答
延迟js装载的最佳方法？
、、、
我正在使用一个引导主题，它需要一些javascript文件。在我的一些页面上，我从服务器加载了相当多的内容，这意味着在评估javascript文件时，并不是所有的html都在页面上。
这将防止事件处理程序绑定到在评估javascript之后加载的html。到目前为止，我已经通过在ajax调用完成后加载脚本来解决这个问题，但这对我来说似乎相当困难。这是我的功能：
$.get("/path/to/rest/call", function(data) {
$('#htmlElement').html(data);
}).done(function() {
浏览 3提问于2015-02-06得票数 0
回答已采纳
我在网上找到了关于jquery ajax请求的信息。
load()：将一段html加载到容器DOM中。
$.getJSON()：使用GET方法加载一个JSON。
$.getScript()：加载JavaScript。
$.get()：如果您想进行GET调用并广泛使用响应，请使用此选项。
$.post()：如果您想要进行POST调用，并且不想将响应加载到某个容器DOM，请使用此选项。
$.ajax()：如果您需要在XHR失败时执行某些操作，或者需要动态指定ajax选项(例如cache: true)，请使用此选项。
但它并没有提到性能，这是最适合用它来做什么的。哪种方式最适合from验证？它在速度
浏览 0提问于2011-09-24得票数 0
回答已采纳
3回答
我正在制作一个网站，它必须尽可能轻量级。我希望使用单独的文件将javascript代码的一部分转换为模块，因此代码将在某个onClick事件之后加载。
我可以成功地加载javascript代码：
var myscript = document.createElement('script');
myscript.src = "modules/mymodule.js";
document.head.appendChild(myscript);
我的问题是我的javascript代码有一些与语言相关的变量，我生成了php。在动态加载之前，是否有一种在我的javascr
浏览 2提问于2016-07-18得票数 0
回答已采纳
3回答
重新加载jquery和js库
、、、、
我使用updatepanel重新加载页面。在我的母版页中，我执行以下操作。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="App_Themes/Project/js/core.js"></script>
<script src="App_Themes/Project/js/libs/moder
浏览 3提问于2012-12-29得票数 2
我需要做两件事..。
file_get_contents，然后在javascript file_get_contents中使用，然后在php中使用。
加载源文件导致加载我的网站延迟，所以如果源是慢的或离线的，它有可怕的后果。
什么是好的工作围绕或解决这一问题？
浏览 2提问于2012-03-08得票数 0
1回答
我有这个代码。如果用户按下，假设是burger，并将其添加到session篮子中。重新加载页面不会打开当前窗口视图(切换)
我如何让它在重新加载时再次打开电流...
<script type="text/javascript">
function unhide(divID) {
var item = document.getElementById(divID);
if (item) {
item.className=(item.className=='hidden')?'unhidden':'h
浏览 0提问于2014-04-20得票数 0
我有两个输入字段和提交按钮html表单。
当我单击submit按钮时，它会进入我的javascript function...but，它不会调用在其中编写的ajax函数。
页面将重新加载，而不是调用ajax函数
浏览 1提问于2012-03-01得票数 1
2回答
使用jquery.load()替换div的内容一切都很好，但是有一个主要的性能问题。加载到div中的页面包含一些外部JavaScript文件，我使用HttpWatch观察到了以下内容：
0 0 GET (Cache) text/javascript <host>/js/file1.js
0 0 GET (Cache) text/javascript <host>/js/file2.js
0 0 GET (Cache) text/javascript <host>/js/file3.js
...
etc.
再往下一点(在同一个load(
浏览 2提问于2010-01-14得票数 3
回答已采纳
我的服务器中有一个属性文件。使用Javascript或任何其他客户端，最好是JQuery，我可以加载它来获取值吗？有可能吗？
浏览 1提问于2011-05-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
