当前位置: 首页 > 面试题库 >

Node.js使用AJAX将数据发送到后端

羊舌洛华
2023-03-14
问题内容

我对AJAX还是很陌生,所以很抱歉可能会引起误解,但我还没有完全理解。

我正在尝试一件简单的事情。我有一个server.js文件,基本上是我的后端。然后我有一个index.html和一个script.js。就是这样,这是一个非常基本的设置。现在,在我的上script.js,我正在获取一些数据(邮件地址)。现在,我想将该数据发送到我的后端(进入server.js)以在那里使用它。我怎样才能做到这一点?

我已经找到了一些关于使用node.js进行AJAX的帖子,但是我不明白,特别是在后端我的接收位置。顺便说一下,我正在为服务器使用Express。

我所拥有的script.js是:

$.ajax({
            type: "POST",
            url: "server.js",
            data: { mail: mail },
            success: function(data) {
            },
            error: function(jqXHR, textStatus, err) {
                alert('text status '+textStatus+', err '+err)
            }
        });

到目前为止正确吗?现在如何接收我的信息server.js

到目前为止,没有多少,只是:

var express = require('express');

var app = express();
var server = app.listen(3000);

app.use(express.static('public'));

谢谢你的帮助 :)


问题答案:

注意:这是在使用代码更新问题之前编写的,因此,我在此处用作示例的字段名称和端口号可能需要更新为正确的值。

客户端代码-jQuery示例:

$.post('/email', { address: 'xxx@example.com' });

(这可以接受可选的回调,并且返回可用于添加成功/错误处理程序的promise)

服务器端代码-Express示例:

const express = require('express');
const bodyParser = require('body-parser');

const dir = path.join(__dirname, 'public');

const app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/email', (req, res) => {
  // you have address available in req.body:
  console.log(req.body.address);
  // always send a response:
  res.json({ ok: true });
});

app.use(express.static(dir));

app.listen(4443, () => console.log('Listening on http://localhost:4443/'));

假设您的静态文件(HTML,客户端JavaScript,CSS)位于public相对于server.js文件的目录中。



 类似资料:
  • 问题内容: 我正在尝试通过套接字将数据从node.js发送到Java。我四处搜寻,但没有什么真正有用的。我习惯使用socket.io,但是在这种情况下,它似乎并不适合于此。似乎所有用于node.js的套接字扩展都不真正适合发送消息,而是听消息并回答某些问题。 我的Java应用程序基本上应该从node.js接收一些工作,完成工作并将一些结果发送回node.js。不,该工作无法在node.js上完成,

  • 问题内容: 我想以json格式向php发送一些数据,并在php中进行一些操作。我的问题是我无法通过Ajax将json数据发送到我的php文件。请帮助我该怎么做。我已经尝试过这种方式.. 在PHP中,我使用: 在php文件中添加print_r($ _ POST)时,它在firebug中显示array(0){}。 问题答案: 输了。您没有将JSON发送到服务器,而是发送了普通的POST查询(恰好包含J

  • 问题内容: 我发现了无数关于如何使用jQuery和Ajax从json文件中检索数据的教程,但是没有关于如何将 数据发布到json文件中的* 教程。 *。 如果有人可以向我展示或给我发送有关如何执行此操作的小脚本,那就太好了。我到处都在搜索如何执行此操作,但是没有运气。我见过有人这样做的例子,但他们似乎忘记了分享我没有看到的重要信息。我使用ajax检索数据json文件没有问题。如果有人可以告诉我我是

  • 问题内容: 我想做的事情: 使用jquery ajax请求将一些数据(例如json)简单地发送到node.js http服务器。 由于某种原因,我无法在服务器上获取数据,因为它从不触发请求的“数据”事件。 客户代码: 服务器代码: 如我所说,它永远不会进入请求的“数据”事件。 注释: 1.记录“收到请求”消息; 2.响应很好,无法使用数据将其返回给客户端。 有什么帮助吗?我想念什么吗? 谢谢大家。

  • 问题内容: 我有由函数 .push 制成的数组。数组中的数据非常大。如何将此最佳方式发送到PHP脚本? script.php: 最好的方法是什么? 问题答案: 将您的数据字符串编码为JSON。 在你的PHP中 注意 通过POST发送数据时,它必须作为键值对。 从而 是错的。而是:

  • 问题内容: 我想以ajax的形式发送所有输入。我有这样的形式。 在.js文件中,我们有以下代码: 但这不起作用。我不想使用Form数据。 问题答案: 只要我们要发送具有名称属性的所有表单输入字段,就可以对所有表单执行此操作,而与字段名称无关: 第一个解决方案 第二个解决方案 :在此解决方案中,您可以创建一个输入值数组: