javascript - 具有可点击区域的网页图像，将数据发送到服务器脚本并保留在同一页面上，无需刷新

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 8 年前。

Improve this question

我希望网页中的图像可以具有可点击区域(例如 html 中的图像映射)，但我不想在单击每个区域时转到不同的 url。

相反，我希望每当单击某个区域时都会将一些数据值发送到服务器。每当单击一个区域时，我想保留在同一页面上，但将一些数据发送到服务器脚本，该脚本将收集数据并处理它。

执行一些点击后，我想要一个提交按钮，最终将我们带到另一个网页以给出结果。我不知道使用哪种语言可以使所有这些成为可能。

我是网络编程语言的新手。

Answer 1

创建图像 map ，但不要输入 href 属性，而是进行绑定(bind)到每个多边形的 onclick 属性的 ajax 调用。

<area  alt="" title=""  onclick="alert('hello world')" shape="poly" coords="1100,132,956, .....