如何在 onclick 事件中添加自定义按钮（图像）？答案

【问题标题】：How to add a custom button (image) in an onclick event?如何在 onclick 事件中添加自定义按钮（图像）？
【发布时间】：2020-04-29 00:16:13
【问题描述】：

我需要一些帮助，因为我正在尝试学习 AJAX，但我遇到了困难。所以我这里有这段代码，一切正常，当我按下按钮时，PHP文件中的信息完美显示。

`<form>
   <input type="button" value="req" onclick="fetch('hotels.php?select=1')">
   <input type="button" value="req2" onclick="fetch2('hotels.php?select=2')">
   <input type="button" value="req3" onclick="fetch3('hotels.php?select=3')">
</form>`

所以我需要问的是：我可以用我在 Da Button Factory 中制作的自定义按钮替换普通的经典 onclick 按钮吗？我试图将输入类型更改为图像，但问题是页面正在刷新，当我单击它时（另一方面，当我只有经典按钮 onclick 时它不会刷新并显示信息） .我的编程老师告诉我不能刷新，因为我们现在正在研究 AJAX。这是我尝试做的事情

<input type="image" src="button_london.png" alt="randomtext" value="req2" onclick="fetch2('hotels.php?select=2')">

有什么建议吗？

【问题讨论】：

请提供更多细节，特别是fetch、fetch2等函数的样子。

标签： php ajax forms button

【解决方案1】：

默认情况下，输入图像充当提交按钮。如果输入类型的图像为您完成了这项工作，只需在您的 onclick 函数后添加 return false 以防止刷新。

<input type="image" value="req" onclick="fetch('hotels.php?select=1');return false;">

【讨论】：