jquery ajax提交數據到後端，返回處理

我的需求

1. 點擊提交按鈕後，將指定input框的數據ajax發送到後端
2. 如果返回成功邊將指定input框的信息修改爲返回的json裏的text字段
3. 如果失敗，則修改指定input框的信息爲抱歉

實現代碼

$("#submit-btn").click(function() {
  // 獲取指定 input 元素的值
  var inputVal = $("#your-input").val();

  // 使用 Ajax 發送數據到後端
  $.ajax({
    url: "your_api_url",
    type: "POST",
    data: {inputVal: inputVal},
    dataType: "json",
    success: function(response) {
      // 當請求成功時，更新指定 input 的值爲返回的 JSON 數據中的 text 字段
      $("#your-input").val(response.text);
    },
    error: function(xhr, status, error) {
      // 當請求失敗時，修改指定 input 的值爲 "抱歉"
      $("#your-input").val("抱歉");
    }
  });
});

在上述代碼中，#submit-btn 爲提交按鈕的 ID，#your-input 爲要發送數據的指定 input 元素的 ID。在點擊提交按鈕後，使用 .val() 方法獲取指定 input 元素的值，並將其作爲數據發送到後端。在 success 回調函數中，使用 response.text 來獲取 JSON 數據中的 text 字段，並使用 .val() 方法將其設置爲指定 input 元素的值。在 error 回調函數中，將指定 input 元素的值設置爲 "抱歉"。

當然，您需要將 your_api_url 替換爲您自己的實際值，並將 #your-input 替換爲您要發送數據的 input 元素的 ID。