Question

我有一个带有div作为按钮的表单，它充当另一个div的关闭按钮。

当我点击表格时，我想要发生两件事：

关闭父div（我已经管理过）和
运行PHP脚本（我被困在这里）。

这是我走了多远：

<form action="/alert.php" method="post">
  <div class="alert-close">×</div>
</form>

<script>
  $(document).ready(function(c) {
    $('.alert-close').on('click', function(c) {
      $(this).parent().fadeOut('slow', function(c) {});
    });
  });
</script>

我考虑过实现这样的代码：

$.ajax({
  url: $form.attr('action'),
  method: $form.attr('method'),
});

但我不知道它属于哪里，因为我是一个使用AJAX和JavaScript的菜鸟。我需要做什么？

Answer 1

您可以使用$( "#target" ).submit();

此方法是第一个变体中的.on（“submit”，handler）和第三个变种中的.trigger（“submit”）的快捷方式。

当用户尝试提交表单时，会将提交事件发送给元素。它只能附加到元素上。可以通过单击显式，或，或者在某些表单元素具有焦点时按Enter键来提交表单。

$(document).ready(function(c) {
	$('.alert-close').on('click', function(c){
		$(this).parent().fadeOut('slow', function(c){
		  });
      //$( "#myform" ).submit(); //use this for submitting the form
   	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id = "myform" action="/alert.php" method="post">    <div class="alert-close">×</div>
</form>

如果你想使用ajax来重新加载页面，你只需要修复你拥有的内容。

$.ajax({
  method: "POST",
  url: "alert.php",
  success: function(result){
    alert( "Success"); // Use the success function to make sure that ajax was successful 
  }
});

有关AJAX的更多信息，请使用以下链接：http://api.jquery.com/jquery.ajax

单击RUN PHP代码和Javascript

1 个答案: