如何使用JavaScript在表单中显示基于数字的字符串

Question

我让用户在表单字段中输入邮政编码，然后我希望显示带有该邮政编码的城镇。

我设置了服务器端函数，它从URL中获取一个变量并返回一个普通字符串。

在我看来，在用户写入变量并且焦点离开表单字段之后，我需要从表单字段中获取变量，在对服务器的XMLHttpRequest调用中使用该数字并显示结果字符串。

但问题是，我从来没有写过比Hello World更复杂的JavaScript。因此，我希望在为该页面编写的JavaScript的一些帮助，任何帮助将不胜感激。

Answer 1

由于您是JavaScript的新手，因此我不建议您为此使用任何JS框架。

要从输入框中获取值，可以使用

document.getElementById("txt1").value;

其中txt1是输入元素的id。

然后，您可以将元素值附加到查询字符串并调用服务器端函数。如果响应文本是普通字符串，则将其放入div或span中

document.getElementById("divTown").innerText = "response string"; // for IE

document.getElementById("divTown").textContent = "response string"; // for FF

您可以通过阅读以下内容对AJAX和JavaScript有一个基本的了解