Javascript 从客户端向服务器端发送数据

Javascript 从客户端向服务器端发送数据,javascript,Javascript,我目前正在创建一个简单的基于web的数据可视化工具。我基本上希望能够将用户选择发送到我使用express创建的服务器,以查询数据库。问题是,我不确定如何将数据发送到服务器,然后在另一端接收数据,以便执行此操作 我希望单击按钮即可将数据发送到服务器 风险值数据={ 入院类型:; 性别:; 最高年龄:89岁, 最小年龄:0 }; $PlotBtn.clickfunction{ }; 将数据发送到服务器的最常见方式是创建一个。看起来您正在尝试传递一个对象,而JSON可能是向服务器发送数据和从服务器发

我目前正在创建一个简单的基于web的数据可视化工具。我基本上希望能够将用户选择发送到我使用express创建的服务器,以查询数据库。问题是,我不确定如何将数据发送到服务器,然后在另一端接收数据,以便执行此操作

我希望单击按钮即可将数据发送到服务器

风险值数据={ 入院类型:; 性别:; 最高年龄:89岁, 最小年龄:0 }; $PlotBtn.clickfunction{
}; 将数据发送到服务器的最常见方式是创建一个。看起来您正在尝试传递一个对象,而JSON可能是向服务器发送数据和从服务器发送数据的最灵活的方式。因此,将数据发送到服务器的最简单代码如下:

var xhr = new XMLHttpRequest; 
xhr.open("GET", "https://yourserver.domain.com/data"); 
xhr.send();
但是,这只会发送信息,无法处理响应。有很多方法可以做到这一点,也有很多关于如何发送信息的选项,但这是获得响应所需的基本信息

xhr.onload = function(){
  console.log(xhr.response);
};

查看上面链接的文档,查看更多选项和其他您可以收听的事件。

通过网络发送数据的方法很多。正如@Asinus所解释的,最常见的方法是使用XMLHttpRequest,也就是xhr,但最现代的浏览器提供了更好的方法来实现这一目的。其中一个是。它比它的前身xhr更强大

我建议你看看这个关于Fetch的东西。下面是一个使用示例:

fetch('https://jsonplaceholder.typicode.com/posts/1', {
  method: 'get'
}).then(response => {
  console.log(response.json()); // Response, everything is fine
}).cath(err => {
  console.log(err); // Failure: an error occurred
});

在您的情况下,如果要向服务器发送数据,必须发出POST请求。

发出ajax请求并将其发送到某个路由。然后在服务器文件中使用此路由访问变量数据。我如何在服务器端接收数据?这取决于您在另一端使用的服务器技术。