Question

我有2个脚本，submit.php和display.php。

我希望能够加载submit.php，点击提交按钮＆amp;要显示result的{{1}} div。

现在，它只是重新加载我的页面。我没有从我的控制台获取任何内容，因此无法调试。

有人可以看看并提供帮助吗？

submit.php：

Display.php的：

<form>

  <input type="submit" value="Submit" name="display" id="display">

</form>

<div id="result">&nbsp;</div>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$("#display").click(function() {                

    $.ajax({
      url: 'display.php',
      type: 'GET',          
      dataType: "html",
      data: {
         "id": "123",
      }, 
      success: function(data) {
      //called when successful
      $('#result').html(data);
      },
      error: function(e) {
      //called when there is an error
      //console.log(e.message);
      }
    });

});
</script>

Answer 1

提交或重新加载页面。您需要阻止默认操作。改变前两行：

$("#display").click(function(e) { // Add e (event) parameter.
  e.preventDefault();             // Prevent the default action for this event.

您可能更改为type="button"，但不确定它是否有效。

Answer 2

解决了您的问题

  replace
 <input type="submit" value="Submit" name="display" id="display">
    by 

    <button type="button" name="display" id="display">Submit</button>

简单的PHP AJAX脚本

2 个答案: