如何从html页面变量中的表单中获取值

Question

我正在创建一个包含下拉菜单的小网页。因此用户可以从中选择一个值。这是一种形式。 当用户从中选择一个值时，说出值＆＃34; A＆＃34;，根据我想要进行的数据库查询说，选择* from Table，其中value =＆＃39; A＆＃39;。并在同一页面上显示结果，最好不要重页加载。

我可以通过调用onchange事件的方法并在其上执行document.getElementById来访问javascript方法中选择的下拉列表的值。

我应该如何在同一个html页面上的变量中传递值，以便将值发送到数据库？

感谢您提前回复。

Answer 1

这个问题本身很模糊，但我会尽我所能。

您首先需要（如果您还没有）服务器端可以接受传入参数并从数据库返回结果。例如/some/service/?param=DROPDOWN_VALUE_HERE。理想情况下，您将点击此服务并接收JSON / XML（您可以在客户端中使用的东西）。

接下来，鉴于您不希望页面重新加载，您需要研究如何利用AJAX来接触该服务并处理结果。您应该能够向服务发送请求（带有下拉列表的值）并收到一些允许您以无缝方式修改页面的内容。

Answer 2

使用AJAX异步发送POST请求到服务器。

使用jQuery：

var value = 'A';
// make an HTTP POST request to the 'submit' route on your server
$.post('submit', {value: value})
 .done(function(data) {
     alert('Server response: ' + data);
 }

在服务器端，您需要处理对'submit'路由的POST请求并进行数据库调用，并在必要时发回响应。