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

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

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

在我看来，我需要在用户编写变量并且焦点离开表单字段后从表单字段获取变量，在对服务器的

XMLHttpRequest

调用中使用该数字，并显示结果字符串

---

但问题是，我从未编写过比Hello World更复杂的JavaScript。因此，我想获得一些关于为该页面编写JavaScript的帮助，如果有任何帮助，我将不胜感激。

由于您是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有一个基本的了解

---

w3schools.com？你一定是在开玩笑：）我认为对于初学者来说，这是一个不错的网站。w3schools.com一点都不好。我不认为初学者有理由从坏习惯开始。我是说，说真的。。。看看这个精彩的“表单验证”脚本-。w3schools没有提供清晰、简单的解决方案（这是微不足道的），而是决定引入完全不必要的

with

以及一个古老的非标准表单元素访问（

formEl.foo

而不是

formEl.elements.foo

）。似乎这还不够，一个例子是基于无效和糟糕的HTML（输入没有标签，doctype丢失，没有标题）。