gpt4 book ai didi

javascript - 为不同的 HTML 按钮编写不同的 PHP 代码 (AJAX)

转载 作者:可可西里 更新时间:2023-11-01 00:41:21 25 4
gpt4 key购买 nike

我正在尝试为不同的 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) {
//
}
});
});
});

问题:

  1. 如何为特定按钮编写函数?

  2. 为什么我必须写 type="button"才能使它们起作用?

  3. 我在哪里编写 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com