如何在html中使用AJAX通过另一个操作向另一个操作发送请求？
在HTML中使用AJAX通过另一个操作向另一个操作发送请求的方法是通过JavaScript代码来实现。AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下，通过后台与服务器进行数据交互的技术。
以下是一个示例代码，演示如何使用AJAX在HTML中发送请求：
<!DOCTYPE html>
<html>
<head>
<title>AJAX请求示例</title>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<button onclick="sendRequest()">发送请求</button>
<div id="response"></div>
<script>
function sendRequest() {
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的方法和URL
xhr.open("GET", "另一个操作的URL", true);
// 设置请求完成后的回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 请求成功，更新页面内容
document.getElementById("response").innerHTML = xhr.responseText;
}
};
// 发送请求
xhr.send();
}
</script>
</body>
</html>在上述代码中，我们使用了XMLHttpRequest对象来发送AJAX请求。首先，通过xhr.open()方法设置请求的方法和URL，其中URL是另一个操作的URL。然后，通过xhr.onreadystatechange属性设置请求完成后的回调函数，当xhr.readyState为XMLHttpRequest.DONE且xhr.status为200时，表示请求成功，我们可以在回调函数中更新页面内容。最后，通过xhr.send()方法发送请求。
需要注意的是，上述示例中使用了axios库来简化AJAX请求的操作，你可以通过在<head>标签中引入<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>来使用axios库。使用axios库的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>AJAX请求示例</title>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<button onclick="sendRequest()">发送请求</button>
<div id="response"></div>
<script>
function sendRequest() {
// 发送GET请求
axios.get("另一个操作的URL")
.then(function(response) {
// 请求成功，更新页面内容
document.getElementById("response").innerHTML = response.data;
})
.catch(function(error) {
// 请求失败，处理错误
console.error(error);
});
}
</script>
</body>
</html>上述代码中，我们使用了axios库的axios.get()方法发送GET请求，并通过.then()方法设置请求成功后的回调函数，通过.catch()方法设置请求失败后的回调函数。在请求成功的回调函数中，我们可以通过response.data获取到服务器返回的数据，并更新页面内容。
需要注意的是，以上示例中的URL需要替换为实际的另一个操作的URL。此外，还可以根据具体需求设置请求的参数、请求头等。
相关·内容
我有另一个托管在单独VM上的web应用程序，它提供了我想要使用的REST api。<%@page session="false" contentType="text/html" pageEncoding="I
浏览 2提问于2014-07-14得票数 0
回答已采纳
我想使用html中的AJAX POST/JSON数据向动作AAA发送一个请求，这个数据称为HHH，当动作AAA接收到数据时，它会将RedirectToAction返回给另一个动作BBB。当action BBB收到来自AAA的POST/JSON请求时，BBB会将JSON返回给html HHH。逻辑如下： HHH(AJAX) -> AAA(return RedirectToAc
浏览 13提问于2019-12-15得票数 1
3回答
如何使用jQuery执行以下操作：
一些库通过$.ajax发送ajax请求--我需要捕获所有这些请求，并在某些情况下中止它们，而是传递另一个数据。我发现，在jQuery 1.5中引入了新的方法，如ajaxPrefilter和ajaxTransport。我也尝试了ajaxSetup与beforeSend，但我不能达到两点以上的工作.
浏览 0提问于2011-02-03得票数 3
回答已采纳
我有一个javascript函数，它根据用户的操作不断地向数组添加数据。数组将通过ajax发送到另一个URL上的网站，因此我将使用GET。由于GET请求的大小是有限的，所以我的计划是让javascript监视数组并在接近GET请求的最大大小时将数据发送出去(我已经读过大约8kb)。
我知道这篇文章会更好，但我需要将数组发送到另一个域。如何找出数组内容为~7kb，以便触发aj
浏览 1提问于2011-05-30得票数 2
回答已采纳
我有两个带有remote: true选项的表单:一个向create操作发送Ajax请求，另一个向destroy操作发送Ajax请求。注意:我使用的是Rails 4当我使用没有选项remote: true的普通表单时，rails会自动为身份验证令牌插入一个隐藏字段，但是当我在表单中使用remote: true时，在HTML
浏览 0提问于2013-10-18得票数 44
回答已采纳
1回答
我得到了一些奇怪的结果，几乎同时向同一个java发送多个异步AJAX调用。$.post('LookupServlet', {};
$.post('LookupServlet'
浏览 1提问于2011-04-07得票数 2
回答已采纳
1回答
我有一个用asp.net mvc编写的后端服务器，使用表单身份验证。当用户未经身份验证时，服务器将自动发送302重定向到Login操作并返回登录页。
服务器检测到认证票无效，并发出302重定向。浏览器自动处理302个响应，并强制我的ajax函数向登录操作发送另一个
浏览 2提问于2013-04-14得票数 55
回答已采纳
我有一个让ajax请求的链接，它通过XHR请求打印另一个链接，这个链接在裁剪之前是相同的启动XHR然后进入Ajax成功函数，我在我的html中重复这个链接：
<a href="javascript:void(0)" cla
浏览 0提问于2010-11-01得票数 0
回答已采纳
我有一个HTML表单，并希望在后端使用Java。当表单提交时，我正在尝试向同一服务器上的API发送请求。我尝试使用Java SDK发送的API请求要求我获取在HTML表单上输入的参数。如何在servlet中的doPost()中完成此操作？可以在我的servlet doPost()中使用HttpHandler通过POSTed参数来
浏览 0提问于2015-07-07得票数 0
我有一个非常简单的"InddexView“，它显示了已经在数据库中的条目的细节。在相同的视图中，我有一个create条目链接。使用Ajax.Actionlink单击create链接以更新同一个"IndexView“上的div，并显示带有文本框和按钮的create视图.现在，在“创建”View.cshtml上，我使用$.ajax通过ajax创建新条目。正在数据库中创建条目，但没有刷新主"IndexView“以显示新创建的条目
浏览 0提问于2011-09-05得票数 0
我在谷歌上搜索并尝试，但没有找到答案(我的意思不是“我如何使用python发送POST请求？”)。开发一个POS系统我已经在使用python脚本来执行一些任务，比如与硬件外设的通信。到目前为止，这些脚本运行在安装了Apache的小型服务器上，并通过POST请求向ajax.php启动，假设有两个参数$_POST['name']='scriptname'和$_POST['param1']
浏览 1提问于2016-11-02得票数 0
我想知道(HTML.Action)是否向服务器发送了另一个请求，而不是主请求。 new { query = new QueryParameters(Request.Qu
浏览 0提问于2015-08-13得票数 2
回答已采纳
1回答
我该如何通过Rails中的javascript向操作发送PUT请求呢？下面是我如何在.html.erb文件中执行此操作：我该如何在javascript中做到这一点？
浏览 0提问于2011-01-01得票数 1
回答已采纳
我在客户端代码中看到了以下顺序： url: "...如您所见，浏览器发送ajax请求，而不关心响应。在发送请求之后，使用top.location.href语句将页面重定向到另一个url。我是javascript的新手，我不确定ajax请求是否被保证发送？
还有另一种方法来获得这个发送、忘记和重定向ajax行为吗
浏览 1提问于2012-07-30得票数 0
回答已采纳
有没有办法在JSfiddle.net上使用多个HTML、CSS、JS文件创建一个严肃的HTML/CSS/JS项目？如果是，怎么做？我想创建一个基于HTML/CSS/JS的基本移动应用程序，大约有十几个HTML/CSS/JS文件。我想在JSfiddle上开发它，我最喜欢的。但是，JSfiddle.net虽然是一种测试项目的干净方法，但仍然仅限于：
浏览 3提问于2013-03-22得票数 9
回答已采纳
我们可以创建XMLHttpRequest对象，然后将其用于另一个请求，如:-xhr.open("GET", url, true);xhr.send(null);
将有一个搜索框，当我们在其中输入某个内容时，它会发送一个ajax请求，但是如果用户输入的更多，我们将取消先前的
浏览 4提问于2016-01-09得票数 1
回答已采纳
2回答
我们使用jquery-ajax将指令集从浏览器发送到多层web应用程序中。第一个组件(组件A，用C#编写)验证指令并将其持久化到数据库中，然后调用第二个组件(组件B，用Java语言编写，也通过超文本传输协议调用)，该组件在从同一数据库检索指令后对它们进行操作。在提交作业后，浏览器客户端只是通过组件A轮询rdbms表，因此在发送请求后，它实际上是断开连接的，而不是等待组件A的响应。返回响应是页面的最终操作</e
浏览 2提问于2011-12-09得票数 3
回答已采纳
同样，在相同的视图中，有一个按钮将另一个Jquery AJAX POST请求发送到另一个控制器操作，以在服务器上执行其他操作。然后是同一个页面上的另一个按钮，它向服务器发送另一个JQuery AJAX POST请求到另一个控制器操作来执行另一个任务。}}中使用它作为$.ajax</em
浏览 1提问于2020-07-03得票数 0
1回答
我们能否在YII控制器的公共成员变量=>中存储一些瞬态数据，比如从javascript =>传递的单击div的id，以便在类似于模式的视图中使用？示例-有一个部分视图：JS：-当单击"abc“时，将向Yii发送一个请求，该id为param /控制器/action/id/abc。控权人：
成员var:- public $transientIdDat
浏览 1提问于2014-01-14得票数 0
回答已采纳
1回答
我有一个HTML文件，它将通过Ajax HTTP请求发送POST请求到CGI，并等待响应文本。在CGI脚本中，我正在调用一个应用程序，该应用程序将更改我的网络并连接到另一个网络(如VPN )。我正面临这样的问题，每当我向CGI脚本发送POST请求时，它就会执行应用程序并更改网络。因此我无法得到请求(网络已更改)。但我需要应用程序的状态(已连接或已断开)。为此，我<
浏览 0提问于2016-10-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
