Question

我正在学习ajax的东西。我有这个任务，就像一些stackoverflow.com，我们可以通过点击添加评论按钮添加评论，评论出现在那里没有刷新，我有一个页面，用户将被要求输入名称，名称必须出现像之前描述的那样添加。我有这段代码：

<script type="text/javascript">
  $("#add-tournament").click(function() {
    var name = $("#name").val();
    /*var password = $("#password").val();
    var country_code = $("#country_code").val();
    var firstname = $("#firstname").val();
    var lastname = $("#lastname").val();*/
    $.ajax({
      url: '/home/',
      method: 'POST',
      data: JSON.stringify({name: name}),
      success: function() {
        /*console.log(arguments)*/

      },
      error: function() {
        console.log(arguments)
      }
    })
  })
</script>

我应该在成功函数下放置什么？

Answer 1

这取决于您想要到底发生了什么，但success需要 Add a build task ，这与从...返回的数据相关请求：

success: function(data) {
  console.log(data);
}

从这里，您可以继续将其显示回页面，例如：

success: function(data) {
  document.getElementById('x').innerHTML = data;
}

请注意，虽然只需要第一个参数，但success上有三个参数：

data：请求的回复
textStatus：成功状态代码
jqXHR：响应对象

error上有三个：

jqXHR：响应对象
textStatus：错误状态代码
errorThrown：错误类型

希望这有帮助！：）

Answer 2

success部分表示服务器已收到您的/home请求，服务器可以向您发送任何相关数据（如有必要）。

一般来说，success部分将您接下来要做什么？

success: function(data) {
//the data is sent by the server

//you can either noticing the user for the success submittion
Alert("Success");

//or may be showing the relevant data to user 
Alert("Mr/Ms " + name + ", you still have " + data);
}

希望这个帮助

使用ajax更新html页面

2 个答案: