将Node.js GET /POST请求更改为Ajax
将Node.js GET /POST请求更改为Ajax是指在前端使用Ajax技术来发送GET或POST请求，而不是通过页面的表单提交或者页面跳转来实现数据的传输和交互。
Ajax（Asynchronous JavaScript and XML）是一种在Web应用中实现异步数据交互的技术。它通过在后台与服务器进行少量数据交换，可以在不重新加载整个页面的情况下更新部分网页内容。Ajax技术可以提高用户体验，减少页面的刷新，提高网页的加载速度。
在Node.js中，可以使用Express框架来处理HTTP请求。下面是将Node.js GET请求更改为Ajax的步骤：
- 在前端页面中，使用JavaScript编写Ajax请求代码。可以使用原生的XMLHttpRequest对象或者使用现代的fetch API来发送请求。例如，使用fetch API发送GET请求的代码如下：
fetch('/api/data')
.then(response => response.json())
.then(data => {
// 处理返回的数据
})
.catch(error => {
// 处理错误
});- 在Node.js后端中，使用Express框架来处理Ajax请求。在路由中定义相应的GET请求处理函数，并返回JSON格式的数据。例如，处理GET请求的代码如下：
app.get('/api/data', (req, res) => {
// 处理GET请求逻辑
// 返回JSON格式的数据
res.json({ message: 'Hello, world!' });
});- 在前端页面中，通过Ajax请求获取到后端返回的数据，并进行相应的处理。在上面的示例中，使用fetch API发送GET请求，并通过.then()方法处理返回的数据。
通过将Node.js GET请求更改为Ajax，可以实现前后端的异步数据交互，提高网页的用户体验和性能。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云函数（SCF）、腾讯云API网关（API Gateway）等。您可以访问腾讯云官网了解更多产品信息和详细介绍。
参考链接：
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云云函数：https://cloud.tencent.com/product/scf
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
相关·内容
2回答
我在后端使用node.js和Express.js，并试图通过AJAX从客户端进行服务器调用。
因此，我有这样的POST请求，它可以很好地处理AJAX：
node.js/Express.js:
app.post('/createNewThing', function(req, res) {
var userInput = req.body.userInput;
if (userInput) {
res.send('It worked!');
}
});
客户端/AJAX请求：
var userInputForm = $(&#
浏览 3提问于2016-10-31得票数 1
回答已采纳
我对PHP很熟悉，但我需要学习node.js来使我的聊天应用程序更高效。我是node.js的初学者，目前我遇到了以下问题。
我想要做的是使用jquery从ajax向node.js发送请求并获得响应
我可以用php很容易地做到这一点，但是node.js给了我错误。这是我到目前为止的代码。
HTML的一部分
$(document).on("click", "#nodesess", function () {
$.ajax({
type: "POST",
url: "http:/
浏览 1提问于2016-05-27得票数 1
我试图向我的koa应用程序发送带有一些参数的Ajax POST请求，但每次执行该请求时，我都会从koa解析器中得到这个奇怪的错误：
错误:无效的JSON，只支持在解析(/home/denis/WEB/nodejs/kinfs/node_modules/co-body/lib/json.js:55:13) at /home/denis/WEB/nodejs/kinfs/node_modules/co-body/lib/json.js:41:16 at process._tickCallback (process._tickCallback/process/next_tick.js:103:7)
浏览 4提问于2016-11-26得票数 1
回答已采纳
3回答
我试着把数据发送给Node。我在用Ajax。我不能通过Node.js获得数据
这是我的反应代码：
设id = item.id
$.ajax({
url: '/postid',
type: 'POST',
data: id
});
console.log('React id : ' + id);
和我在Node.js上的代码
app.post('/postid', function (req, res) {
浏览 10提问于2017-06-15得票数 1
回答已采纳
1回答
我的ajax到node.js发布到JSON文件有问题。它工作正常，但它没有正确的格式化，我假设。因为当它读取数据时，它不会回来，因为我认为它是不可读的。
下面是AJAX调用：
postComment: function(commentJSON, success, error) {
$.ajax({
type: 'post',
url: 'http://localhost:8080',
data: commentJSON,
success: function(comment) {
success(comment)
浏览 2提问于2016-08-11得票数 0
我想使用json将数据从控制器传递到jquery，不知道问题出在哪里，但是从jquery代码中，我认为它运行良好，因为我测试了成功的代码，但无法从控制器获得结果。
home.blade
<form role="form" name="form_address" id="form_address" action="" method="POST" enctype="multipart/form-data">
{{ csrf_field() }}
<input t
浏览 0提问于2018-06-26得票数 0
下面是JavaScript代码。如何将players数组发送到node.js？
let players = [];
for(var i=0; i<22; i++){
players.push($(".card > button").eq(i).attr("value"));
}
下面是node.js代码。
const express = require("express");
const bodyParser = require("body-parser");
const mySql = require("
浏览 7提问于2020-12-31得票数 0
回答已采纳
2回答
我使用的是kineticjs库，我有一个脚本，它使用toDataURL方法将舞台保存为图像，并使用XMLHttpReuest将其上传到服务器。所有的工作原理，使图像保存到服务器，但我不能让页面重定向或改变，一旦完成。
我用于生成图像的javascript/kineticjs代码是：
function save() {
stage.toDataURL({
callback: function(dataUrl) {
var ajax = new XMLHttpRequest();
ajax.open("POST"
浏览 3提问于2013-08-09得票数 0
回答已采纳
我设法达到了调用编辑路由的地步，但我想不出，如何实际从站点接收数据，如果我必须使用ajax或json，我也很困惑…
HTML：
{% extends "layout.html" %}
{% block body %}
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$
浏览 1提问于2015-09-30得票数 0
2回答
Node.js用数据重新加载模板
、、、、
我基本上需要以下几点：
浏览器通过网络摄像头读取QR代码。
使用ajax post将内容发送到索引页。
Node.js后端应该处理这些数据，并在索引页上再次显示结果。
以下是代码：
index.ejs
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' /&g
浏览 2提问于2017-10-12得票数 0
我正在尝试在我的新的Laravel 4应用程序中使用一个旧的Laravel 3代码。
当我发送ajax post请求时，我无法接收数据。
查看：
request = $.ajax({
url: "/clients/jsonbyname/",
type: "POST",
data: {
"name": "hi"
}
});
request.done(function (res, textStatus, j
浏览 2提问于2014-01-23得票数 0
回答已采纳
1回答
我试图通过ajax将选定的值传递给php控制器，但它不起作用。这是我的密码
function prodType() {
$("#productType").change(function(){
let value = $("#productType").val();
$.ajax({
url: "<? echo URLROOT. '/AddProduct'?>",
type:"GET", //not sur
浏览 2提问于2022-07-27得票数 1
1回答
对于如何在查询中使用get()和post()从node.js服务器获取数据，如果node.js服务器解析来自json文件的数据并在localhost:3000上为html提供服务，客户端代码是否如下所示：
$(document).ready(function() {
$.ajax({
url: 'localhost:3000/',
dataType: "json",
success: function(data) {
$("#test").append(data);
},
error: fu
浏览 0提问于2016-03-02得票数 0
回答已采纳
我尝试使用Angular.js和本地运行的Node.js服务器从HTML页面发送和接收数据。
app.controller("MainController", function MainController($scope, $http){
$scope.postIt = function() {
//alert("posting...");
$http.post('http://127.0.0.1:1337/', {msg:'hello from Angular.js!'})
.success(functio
浏览 0提问于2014-10-20得票数 1
回答已采纳
1回答
我有一个博客应用程序，每个帖子都有自己独特的permalink，例如/post/Dh3hdjs*，Dh3hdjs*是唯一的permalink.My问题，当文章成功创建时，它会重定向到特定的链接，比如/post/Dh3hdjs*，但是当我刷新页面之后，它就变成了json文件。到目前为止，这就是我所拥有的
Nodejs(express.js)
app.get('/post/:permalink', contentHandler.displayPostByPermalink);
displayPostByPermalink
this.displayPostByPermalink =
浏览 1提问于2013-12-24得票数 2
回答已采纳
我是wordpress的新手，我正在尝试创建一个可以从ajax页面调用的简单调用。我知道如何用PHP来做这件事，但是无法用wordpress来做。
<?php
/*
Plugin Name: Jed Plugin
*/
function func_rate()
{
$data = wp_remote_retrieve_body (wp_remote_get("https://www.google.com/finance/converter?a=1&from=USD&to=ZAR"));
$pos = strpos($data,'c
浏览 2提问于2016-10-05得票数 0
回答已采纳
1回答
我正在创建一个将注释添加到帖子中的表单，它在没有ajax的情况下工作，因为ajax将表单数据发送为None。
ajax:
<script>
$(function() {
$("#myform").on("submit", function(e) {
e.preventDefault();
$.ajax({
url: $(this).attr("action"),
浏览 0提问于2017-10-12得票数 0
回答已采纳
3回答
我正在努力学习Node.js (创建REST并从服务器发送消息)。因此，我对于从服务器发送响应到客户端有一个问题。当我记录来自服务器端的请求时，我会看到请求，但我无法向客户端发送消息。
我的Node.js服务器：
//handle a user request
function onRequest(request, response){
if(request.method =='GET' && request.url=='/'){
response.writeHead(200, {"Content-Type"
浏览 3提问于2015-10-21得票数 2
回答已采纳
我正试图用Node.js和Express和Angularjs编写一个应用程序。
我是否可能允许AngularJS处理所有登陆请求？Node.js纯粹是用于API的吗？这意味着用Node.js编写的所有路由都将如下所示：
app.get('/api/users', users.showAll);
app.post('/api/users', users.create);
app.get('/api/users/fb/:fbId', users.findByFb);
app.get('/api/users/:userId', user
浏览 0提问于2013-08-17得票数 5
回答已采纳
2回答
我是node.js的新手，遇到了cors问题。我正在从一个express服务器向另一个发送客户端ajax get请求，但至少我不能从app.all('*', function(req, res, next){console.log("request: "+req)}) get请求中获得响应，如下所示：
$.ajax({
type: 'GET',
url: 'http://localhost:8082/request'
});
我还使用以下命令在ajax中设置头文件：
'beforeSend : functi
浏览 5提问于2014-02-26得票数 5
有带有url mysite/dashboard的页面和文章列表
路由
Route::get('dashboard', 'DashboardController@index');
方法
public function index() {
$posts = Post::latest('published_at')->unpublished()->paginate(20);
return view('dashboard.index', compact('posts'));
}
列表中的每个帖子
浏览 1提问于2017-03-01得票数 1
回答已采纳
如何使用Ajax将Javascript变量传递给Php并检索这些变量？
我使用的是Jquery，在每一张幻灯片上，我都希望将javascript滑块值传递给php。
我在Ajax方面没有(不是很多)经验，我真的很感激帮助。
我的滑块是这样的：
$("#sliderNumCh").slider({
range: "min",
min: 0,
max: 20,
step: 1,
value: numbersOfChapters,
change : function
浏览 4提问于2016-07-18得票数 6
3回答
我有一个表格：
<form onsubmit="return sendEmail()" id="emailForm" name="emailForm">
<input type="hidden" name="_cc" value="email2@gmail.com" />
<div class="row">
<p cl
浏览 7提问于2016-07-11得票数 0
回答已采纳
我有一个用Expressjs运行的Node.js应用程序。我现在有典型的设置，使用查看玉文件和路由js文件来处理GET和POST请求。一个例子如下：
router.post('/postaction', function(req, res) {
// elements from the actual jade view itself
var one = req.body.from;
var two = req.body.to;
// do something
});
router.get('/getaction', fun
浏览 3提问于2014-10-09得票数 0
回答已采纳
1回答
希望有人能对我遇到的问题有所了解。
我有一个表单，用于向页面添加注释；
<?php if(app('current_user')->role != 'user'): ?>
<div class="leave-comment">
<div class="control-group form-group">
<h5><?= trans('leave_comment'); ?>
浏览 4提问于2017-06-14得票数 0
1回答
我使用制表器4.6，我有一个带有POST方法的API，我想通过POST请求来获取制表器数据，而不是GET。
在我的org.js中是这样的：
var ajaxConfig = {
mode: "no-cors",
method: "POST", //set request type to Position
headers: {
"Content-type": 'application/json; charset=utf-8',
"X-CSRF-TOKEN": $
浏览 1提问于2022-01-09得票数 1
3回答
我已经被这个bug困扰了很长一段时间，我只是需要一点php的知识来解决它。所以我祈祷你的帮助。
我的问题是，在我向我的站点发出post (或ajax)请求之后，GET请求消失了，因此留下了一个空对象(因为我是用这个id创建对象的)。
我已经做了一些测试，问题是在我从帖子中得到的响应中的GET is NULL。如果我忘记了get，而只是将id初始化为一个随机数，这种情况就不会发生。
以下是我的代码中我认为问题所在的一些部分：
首先是php和我的GET：
require 'php/functions.php';
if (isset($_GET['id'])
浏览 0提问于2012-12-08得票数 0
回答已采纳
我有一个JavaScript/jQuery函数，用于作为ASP.NET核心Razor (，)项目的一部分执行AJAX请求。AJAX请求在被调用的页面的OnGet (.cshtml.cs)中调用一个“.cshtml.cs”处理程序方法。AJAX请求JS/jQuery：
function conditionalDropDown(parameters) {
//code to get handler method inputs in correct format
var pathname = window.location.pathname;
var handler = "?handle
浏览 1提问于2019-03-12得票数 1
回答已采纳
我使用wamp服务器和node.js运行我的应用程序(server.js)，但是当我想要执行.php脚本时，总是会出现一个错误：POST http://localhost:8080/login.php 404 (Not Found)
server.js
var app = require('express')();
var server = require('http').createServer(app);
var webRTC = require('webrtc.io').listen(server);
var exec = require(
浏览 6提问于2013-04-30得票数 3
2回答
下面是我的JS代码：
<script>
$("#comments").click(function(event) {
$.ajax({
type: "GET",
url: '/localhost:8080/comment',
data: JSON.stringify(
{
'name': '
浏览 0提问于2013-01-18得票数 0
1回答
我是NodeJS的新手。我有一个登录页面，我正在尝试使用表单验证用户。因此，我捕获表单提交并向我的服务器(app.js)文件发送ajax请求。然而，我从服务器得到的是404-没有找到。我想执行验证，如果用户通过验证，将他带到另一个页面，或者在登录页面中打印错误消息。我不知道如何在node-js中做到这一点。还有一个问题是，如何同时处理ajax请求和对页面的HTTP请求。谢谢。
下面是执行验证的客户端Javascript代码：
function checkUserParameters(username, password) {
var jsonObj= '{"username&#
浏览 5提问于2019-07-12得票数 0
回答已采纳
1回答
我是JavaScript的初学者，通过使用基于Ajax的GET/ POST请求，我正在努力从一些Node.js后端代码发出相同的请求。我使用的是MySQL数据库。我已经看了一些教程，并对此有了一些了解。例如，Ajax POST请求可以是这样的，
$.ajax({
url: '/walletinfo',
method: 'POST',
data: {
name: addressName,
address: wallet.
浏览 14提问于2017-08-03得票数 0
回答已采纳
到目前为止，我还没有为Tastypie使用身份验证，但是当我在浏览器中访问url时，我能够看到内容。
http://localhost:8000/live/api/update/?format=json
但是我试图通过jquery调用在页面中获取这些数据，
$.post('/live/api/update/?format=json',
{type:'GET',dataType: "json", processData: false,
contentType: "application/json",us
浏览 1提问于2013-07-26得票数 0
回答已采纳
我有一个HTML表单，它在页面加载时运行Javascript函数。在Javascript函数中，通过对post函数的Ajax post调用发送城镇名称，以便从MySql数据库获取详细信息。
JavaScript函数中的Ajax调用
var town = "Town name"; //depends on the previous execution in JS function
if (town != "undefined") {
jQuery.ajax({
type: "POST",
浏览 1提问于2016-05-20得票数 1
我正在尝试执行GET，解析GET以获取json对象，然后在POST中发送回该对象。但是，GET似乎没有返回任何内容(将未定义的内容打印到控制台)，这里缺少什么？在Node.js中运行 const XMLHttpRequest =
require("xmlhttprequest").XMLHttpRequest;
const http = new XMLHttpRequest();
const url = 'https://jsonplaceholder.typicode.com/posts';
let response, jsonObject;
// pe
浏览 85提问于2020-07-07得票数 0
1回答
我要做一件简单的事情，使用ajax发送请求(使用GET或POST)。
我将发送两个参数的json格式，我只想得到它们并发送一个响应，但我总是得到一个错误400和其他我不知道什么错，知道如何？
我是从本文开始的：
我正在使用spring。
到目前为止我有这样的想法：
$(".update_agent").live('click', function(){
var agent = { "agentId" : agentID, "hostAGent" : hostID};
//send
浏览 3提问于2015-07-20得票数 0
回答已采纳
我的数据库查询中有以下字段：
REPLACE(ProductCode,concat((width*1000),(thickness*1000),REPLACE((convert(varchar,convert(decimal(8,1),length))),'.','')),'') as grade,
然后从代码点火器模型和控制器返回到视图：
模型：
function get_skugrade_grade($q)
{
$Query="select
min(grade) as family
浏览 2提问于2013-04-23得票数 0
回答已采纳
我正在尝试使用ajax调用删除一个条目。当我从generics.DestroyAPIView中使用默认的' delete‘方法时，我得到了一个403个禁止的方法，但是如果我添加了一个post方法，立即调用delete方法并将ajax类型更改为'post’，它可以很好地工作。有人知道是什么原因造成的吗？
请注意，我重写了get_object函数，以获得基于发布的数据的对象。(是否因为删除了不允许发布数据的方法？如果是，为什么？你将如何传递CSRF令牌？)
ajax：
$.ajax({
url: '{% url "account:api:
浏览 1提问于2019-08-12得票数 0
我在这里读过JsonRequestBehavior.AllowGet的MSDN文档和许多答案。我做了实验，我仍然很困惑。
我有下面的动作方法。如果我在ajax调用中使用POST方法，它可以很好地工作。如果在ajax调用中使用GET方法，则状态404 ()将失败。所以，问题是，在这个Json方法中，JsonRequestBehavior.AllowGet枚举到底是做什么的？MSDN文档说:允许来自客户端的AllowGet HTTP请求。(，但是当我在ajax调用中使用GET方法时，为什么会失败呢？将属性从HttpPost更改为HttpGet没有帮助，它在POST或GET方法中都会失败。
[Ht
浏览 7提问于2017-03-25得票数 1
回答已采纳
我想通过AJAX请求将数据发送到rails控制器。
我的路线：get "pki_login/authenticate" => "pki_logins#authenticate"
联合来文：
$.ajax({
type: 'POST',
url: '/pki_login/authenticate',
dataType: 'json',
contentType: "application/json; charset=utf-8",
success: func
浏览 2提问于2014-03-10得票数 2
回答已采纳
下面的代码触发GET而不是POST HTTP请求。
function AddToDatabase() {
this.url = './api/add';
}
AddToDatabase.prototype.postData = function(dataToPost) {
$.ajax({
type: "POST",
url: this.url,
data: dataToPost,
context: this,
success: this.onSuccess
});
};
var AddToDatabase
浏览 8提问于2012-08-30得票数 97
正如标题所说，我不理解我在我正在学习的教程中看到的以下express.js代码。本教程用于构建Node.js、Express和PostgreSQL REST API。
这段代码在index.js文件的底部，我想我知道它在设置路由，但我不知道它是如何工作的，并且在网上找不到任何东西。另外，如果我的index.js文件有两个GET端点，我该如何调整下面的代码来执行这两个GET路由呢？
app
.route('/books')
// GET endpoint
.get(getBooks)
// POST endpoint
.post(addBook)
浏览 3提问于2021-09-12得票数 0
3回答
我制作了一个简单的应用程序来学习node.js是如何工作的。使用jquery和ajax，我将一个JSON对象传递给一个node.js方法。问题是，我不知道如何在node.js方法中获取特定的JSON数据。
客户端代码：
$(document).ready(function(){
$('#guardarVehiculo').click(function(){
var car = JSON.stringify(agregarCarro());
$.ajax({
type
浏览 4提问于2016-03-05得票数 0
回答已采纳
我正在尝试使用AJAX删除Sinatra上一个简单的Ruby应用程序中的帖子。
这是我的delete路径，还没有任何AJAX调用：
delete '/posts/:id' do
id = params[:id]
post = Post.find(id)
post.destroy
redirect '/posts'
end
这是我的JS文件中要删除的内容：
$('.post-container').on('submit', '.delete-form', function(event){
浏览 3提问于2017-02-26得票数 0
看起来我的Chrome上的所有REST客户端工具突然不能正确地发送POST请求。即使我选择了POST选项，他们也会发送GET请求。
我正在开发一个使用node.js后端服务器的web应用程序。我总是使用chrome扩展"Postman - REST Client“来测试我的后端服务。例如，我有一个接收POST请求并返回一些结果的/foo处理程序和一个接收GET请求的/bar处理程序。我可以正确地测试这些处理程序，直到昨天，我对/foo的POST请求得到一个响应："Cannot get /foo"，这通常发生在我向/foo发送GET请求时。当我向/bar发送POST请求时
浏览 1提问于2013-02-04得票数 1
2回答
在向node.js应用程序发出删除请求之前，我需要设置任何配置吗？
我可以发出GET、POST或PUT请求，但DELETE请求不起作用。
DELETE http://localhost:8081/api/1.0/entry从路由记录器中生成undefined，我正在使用express来注册路由。但是看起来我甚至不能解析url / verb。
下面是我调用它的方式：
rows.find('a.remove').on('click', function(){
$.ajax({
url: '/api/1.0/entry',
浏览 1提问于2013-01-06得票数 10
回答已采纳
2回答
用onClick执行表单
、、、、
我有个链接
<a href="/post/$postid" class="link">Update</a>
当我单击它时，它会转到由变量$postid定义的唯一页面。
但是，我想添加一个onclick事件，它也将更新数据库。
我在这里读到过AJAX是最好的方法，但我正在为如何编写它而奋斗。通过阅读各种问题，我提出了以下几个问题：
<script>
$(".link").click(function() {
// sql request
UPDATE comments SET status='up
浏览 5提问于2013-12-30得票数 0
我有一些问题从页面返回数据，使用jQuery，PHP和MySQL。我想在index.php页面上显示查询结果。使用getResults.php从数据库中获取结果。
当我手动运行getResults.php?id=123文件时，一切工作正常。在这种情况下，我看到了我希望看到的结果。但是，当我想在index.php的提交表单中发布'id‘123时，我看不到jQuery / getResults.php返回的任何结果。唯一改变的是网址: index.php?id=123。但是，我没有看到任何结果或错误消息...
有谁有主意吗？
getResults.php文件
$search = mysql
浏览 2提问于2011-02-14得票数 2
回答已采纳
1回答
当我向node.js服务器发送ajax请求时，包含图像列表的参数没有出现。(我在服务器上将请求修改为50mb )这是我的ajax请求： $.ajax({
url: '/post_vehicle',
type: "POST",
traditional: true,
data: {
images: list, // here is the problem, this var does not a
浏览 26提问于2021-06-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
