我正在尝试为不同的 HTML 编写不同的 PHP 代码 <button>元素，但显然它适用于页面上的所有按钮。这是我的按钮之一:
<button name="plus" id="plus" type="button" onclick="plus()">+</button>
这是我尝试创建的功能，它适用于页面上的所有按钮:
$(document).ready(function() {
$("button").click(function() {
$.ajax({
type: 'POST',
url: 'plus.php',
success: function(data) {
//
}
});
});
});
问题:
如何为特定按钮编写函数？
为什么我必须写 type="button"才能使它们起作用？
我在哪里编写 AJAX 函数？在
<head></head>还是 body 的任何部位？
最佳答案
1) How do I write functions for specific buttons?
您可以通过将特定的 ID 或类放在 button 上来做到这一点元素，这样您就可以一次选择一个元素或一组元素。例如$('#plus')将仅针对 id="plus" HTML 示例中的元素。
2) Why do I have to write type="button" for them to work?
这是因为默认type一个按钮是 submit .因此，如果按钮位于 form 中它会在您的 JS 有时间完成之前提交表单。
3) Where do I write AJAX functions? In the head or anywhere in the body?
两者都可以，但是如果你把它放在 <head> 中确保将代码放在 document.ready 处理程序中。
最后，我建议您删除 onclick="plus()" HTML 中的属性。您似乎没有使用它，即使您使用过，通过 JS 附加事件被认为比使用陈旧的事件属性要好得多。
关于javascript - 为不同的 HTML 按钮编写不同的 PHP 代码 (AJAX)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35959416/