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

标签 javascript php jquery html ajax

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

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

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

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

最佳答案

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

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

关于javascript - 具有可点击区域的网页图像,将数据发送到服务器脚本并保留在同一页面上,无需刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27935305/

相关文章:

php - Mamp Pro 目录的别名?

php - 如何在不影响较小图像的情况下使网页上的图像适合最大宽度?

javascript - 在新窗口中的新 html 页面中创建并设置链接元素

javascript - 自动对焦于下拉菜单中的输入元素 onclick

php - 我无法在 php 文件中从应用程序接收注册信息,无法将该信息插入 MSQL 数据库

javascript - 如何从正文中反转 e.preventDefault() ?

javascript - 向数组添加多个输入字段的问题

javascript - 如果 2 个字段为空,则需要一条错误消息

javascript - 搜索标点符号并将标点符号放在单词的开头

javascript - 使用 JavaScript/ajax 在单击按钮上更改特定 TD 的背景颜色