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

Question

我正在创建一个包含下拉列表的小型网页。 因此，用户可以从中选择一个值。 这是一种形式。 当用户从中选择一个值时，说“ A”，基于此，我要执行数据库查询，请说“从表中选择*，其中value ='A'。 并在同一页面上显示结果，最好不重装整个页面。

我可以通过调用方法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);
 }

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