如何在ajax调用的成功部分加载javascript文件
在ajax调用的成功部分加载JavaScript文件，可以通过以下步骤实现：
- 创建一个XMLHttpRequest对象，用于发送ajax请求。
- 使用open()方法设置请求的方法（GET或POST）、URL和异步标志（true或false）。
- 使用onreadystatechange属性指定一个回调函数，用于处理服务器响应。
- 在回调函数中，使用readyState属性判断请求状态，当readyState为4且status为200时，表示请求成功。
- 在成功的回调函数中，创建一个<script>元素，并设置其src属性为要加载的JavaScript文件的URL。
- 将<script>元素添加到页面的<head>或<body>中，以触发JavaScript文件的加载和执行。
以下是一个示例代码：
function loadScript(url, callback) {
var script = document.createElement('script');
script.src = url;
script.onload = callback;
document.head.appendChild(script);
}
function ajaxLoadScript() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'ajax-url', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var scriptUrl = response.scriptUrl;
loadScript(scriptUrl, function() {
// JavaScript文件加载完成后的回调函数
// 可以在这里调用加载的JavaScript文件中的函数或执行其他操作
});
}
};
xhr.send();
}在上述示例中，ajaxLoadScript()函数发送ajax请求，并在成功的回调函数中获取服务器响应的JSON数据。其中，response.scriptUrl表示要加载的JavaScript文件的URL。通过调用loadScript()函数，将该URL传递给<script>元素的src属性，实现JavaScript文件的加载和执行。
注意：在实际应用中，需要根据具体情况进行错误处理、参数校验等操作，以确保代码的健壮性和安全性。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 概念：腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，用于存储和处理大规模非结构化数据。
- 分类：COS提供了标准存储、低频存储、归档存储等不同存储类型，以满足不同数据访问频率和成本要求。
- 优势：高可靠性、高可用性、低成本、强大的数据处理能力、灵活的权限管理等。
- 应用场景：适用于网站、移动应用、大数据分析、备份与恢复等场景。
- 产品介绍链接地址：腾讯云对象存储（COS）
请注意，以上答案仅供参考，具体的技术实现和推荐产品可能因实际需求和环境而异。
相关·内容
我的视图上有时间选择器，它是由ajax调用加载的。当视图加载时，时间选择器不会完全加载，因为与之关联的javascript文件没有加载。我试图通过某种方式将js加载到success方法中。jQuery.ajax({ 'dataType': 'json',
浏览 15提问于2019-09-26得票数 3
我所说的embed是指像在Discussions.php中一样硬编码的东西。所谓正常工作，我的意思是我的讨论具有适当的格式，并且expand和group图标按预期工作。当我通过AJAX获取Discussions.php，并向generateDiscussion.php添加来自AJAX的响应时，它不能像预期的那样工作。因此，first load (页面内部)可以很好地工作，但AJAX调用会搞砸它。
&
浏览 0提问于2013-04-30得票数 0
回答已采纳
我有一个ExtJs应用程序，它加载了相当多的javascript文件。这导致了很多开销，因此我们现在使用Ajax加载javascript文件。因此，当用户点击一个按钮时，带有与该按钮相关的功能的javascript文件将使用Ajax以如下方式加载： url:'filePat
浏览 0提问于2011-12-05得票数 1
回答已采纳
2回答
在我的页面中，我有一个html表单，它使用jquery/ajax保存数据。当用户鼠标离开输入字段时，我正在调用jquery/ajax。email" id="email">因此，当用户鼠标离开任何字段时，jquery/ajax现在我的问题
浏览 2提问于2015-10-08得票数 0
回答已采纳
2回答
我的JSP中有一个<div>。我使用<jsp:include>在上面的JSP中包含了另一个JSP。问题是，包含的JSP执行DB操作，呈现需要花费大量时间。我希望先加载前一个JSP，然后在DIV中呈现后一个JSP。我搜索，但不知道如何解决它。基本上，我希望在完成操作后显示前一个JSP，然后再显示后者。目前，前一个JSP需要很长时间来加载，因为后者包含在前一个JSP中，并且只有在后者完成加载时才会呈现。
感谢你的帮助。:)
浏览 1提问于2013-08-19得票数 0
回答已采纳
我已经将应用程序设置为使用Turbolinks，这导致了AJAX链接的问题。当我单击一个调用AJAX函数的链接时，会发生三件事：如何将这些链接用作标准的AJAX链接？作为参考，这里是我的GemFile的相关部分
gem 'turbolinks&#
浏览 0提问于2014-10-10得票数 3
在Orchard中，如何在部分视图中包含从ajax调用加载的javascript文件？以下是我尝试过的：如果视图是从ajax调用中命中的，Orchard完全忽略这一点
编辑:下面的工作，虽然包括脚本手工不是理想的。请参见下面的Piedone示例，以获得更好的</em
浏览 2提问于2012-08-12得票数 4
回答已采纳
我有一个使用部分视图的asp.net mvc应用程序。我如何知道局部视图已经被重新加载，我想要将jquery widgit应用于表？这是我的部分的顶部：<script type=&
浏览 0提问于2011-04-22得票数 0
回答已采纳
我正在尝试用XmlHttpRequest (AJAX)调用一个PHP页面。我的问题是在我的PHP页面中包含了jQuery (javascript)，如下所示：<scriptlanguage="javascript">
// my
浏览 0提问于2009-12-01得票数 0
2回答
编写AJAX来接收JSON文件？
、、、、
我正在尝试使用jQuery的$.ajax编写一个AJAX调用，但我不确定是否正确，尤其是创建HTML部分。{'date': 'date', ];我很确定大部分代码都写得不正确，因为我不确定如何获取JSON内容并将其作为到目前为止，我的HTML<e
浏览 3提问于2013-04-06得票数 1
我期望下面的场景是常见的，但在网上找不到太多的帮助。我有一个通过Ajax加载的表单(比如创建实体表单)。它是通过按钮单击(加载)事件加载的 $ ('#pid').load('/controller也就是说，如果ajax post操作从静态html文件
浏览 2提问于2010-03-28得票数 0
回答已采纳
2回答
我有一个ASP.NET MVC 4视图，它通过AJAX调用将两个嵌套的部分动态加载到<div>元素中。每个部分都有自己相当多的Javascript。为了使其全部正常工作，我目前在每个AJAX调用的success中都有所有Javascript： $.ajax({我试过
浏览 2提问于2012-12-21得票数 7
回答已采纳
[HttpDelete]{} @Ajax.ActionLinkOnComplete
浏览 2提问于2013-01-27得票数 1
回答已采纳
我已经使用ajax调用来插入数据。在ajax调用成功的情况下，我希望重新加载页面，因此我在ajax调用中编码为： cachethis.resetLoadWaiting, });这将在mozila fir
浏览 1提问于2013-03-29得票数 1
我在我的页面中显示自定义错误。如果出了什么差错。但是，如果同样的错误发生在我的子视图母版页上，我就不能在整个页面上显示自定义错误页，而是在子视图母版页下显示该错误页。请给我附上截图。有没有人可以帮我解决一下，如果在任何地方、子母版或其他页面上发生了什么事情，如何在整个页面上显示错误页面。 <error statusCode="
浏览 2提问于2010-10-27得票数 3
回答已采纳
我有一个Android应用程序，它包含在一个简单的WebView中，它在项目的资产文件夹中加载一个本地html文件。HTML有一个标记，它调用(AJAX)一个外部服务，并期望一个表示.js文件名的字符串(例如，'test.js')作为响应。在test.js中有一个简单的fun广泛性声明，如： // some
浏览 1提问于2013-12-02得票数 2
初始加载PartialView时，数据源将调用操作方法，并且图表已正确加载。根据的说法，OnSuccess事件需要这个Javascript调用： function updatePlaceholder(context我也尝试过其他的javascript函数，但都没有成功。我的AJAX<
浏览 0提问于2015-12-30得票数 0
2回答
控制器中的MVC呈现部分脚本
、、、、
我希望将控制器内.cshtml视图的“脚本”部分呈现为字符串。这个是可能的吗？
实际上，我要做的是获得带有单独ajax调用的脚本，然后在加载视图的html之后，也使用ajax在脚本上运行eval。我想要的是这样的东西：string scripts = GetScriptsForView(action, controller);，它返回视图中使用的部分</e
浏览 0提问于2019-12-19得票数 4
回答已采纳
我在我的Rails应用程序中使用prismjs进行语法高亮显示。我在布局中包含了样式表和js文件。我的问题是，代码只在页面加载时突出显示一次。每当ajax调用后部分刷新时，代码突出显示就无法工作。如果我将prismjs文件包含在分部中，那么它就能工作了。有什么更好的办法让这件事成功吗？layout.html.erb<%=
浏览 0提问于2020-03-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
