Question

<form id="lets_search" action="index.php" method="post" style="width:400px;margin:0 auto;text-align:left;" role="form" target="_blank">
      Search here: <br> </br> <input type="text" name="search" placeholder="Enter here" style="width:400px" /> <br> </br>
      <input  type="submit" name="submit" value="Submit"class="w3-btn w3-padding"/> 
      </form>

有人可以超级有用并创建一个使页面不刷新表单的jax代码

Answer 1

请勿使用<br></br>，因为您不需要关闭此标记;请改用<br />。另外，我提供了一个关于如何使用AJAX的小例子。

$("#lets_search").on('submit', function () {
  $.post ("http://neil.computer/stack/ajax.php", $(this).serialize(), function (data) {
    console.log(data);
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="lets_search" action="index.php" method="post" style="width:400px;margin:0 auto;text-align:left;" role="form" target="_blank">
Search here: <br /> <input type="text" name="search" placeholder="Enter here" style="width:400px" /> <br />
<input  type="submit" name="submit" value="Submit" class="w3-btn w3-padding"/> 
</form>

ajax代码不刷新页面

1 个答案: