如何在单击并调用php页面后隐藏按钮

Question

为什么不能正常工作？ 我想在点击后隐藏一个提交按钮，同时在后台运行一个php页面，将该条目插入到表格中。如何同时完成这两项功能？

function click(){
     $(".hide").hide();
     $.ajax({
          type: "POST",
          url: "onProfile.php",
          dataType: 'html',
          data: {data you want to send},
          success: function(data){
                
                   }
      });
      return false;
}
		

<input type="submit" onClick="click()" class="hide" value="Submit">

Answer 1

在您的按钮中添加一个名为submit的ID。然后无需添加onclick。 （或者您可以使用$('.hide')选择器。）

<input type="submit" class="hide" value="Submit" id="submit">

在此之后，您可以查看点击：

$('#submit').click(function(e) {
        e.preventDefault();
        $(this).hide();
        $.ajax({
            type: "POST",
            url: "onProfile.php",
            dataType: 'html',
            data: {data you want to send},
            success: function(data) {

            }
        });
    });

Answer 2

输入元素有一个函数click，而不是你的点击功能，最简单的解决方法是更改​​你的功能名称。
更好的解决方案是不使用内联事件处理

$(".hide").on('click', click);

Answer 3

success: function(){
    $(button).hide();
}