CodeIgniter使用ajax按钮更新数据库

Question

我尝试使用更新按钮更新数据。

我想做的是：

  

当我点击我的数据时，它会变成一个我可以修改的输入字段   数据，然后当我点击更新按钮时，数据应该是   更新。

  

我已准备好update button（图片中的黄色按钮），data input field也准备好了   我在网上找到jQuery的地方。

我对Ajax和jQuery了解不多。我要更新的数据库字段名称为tname和time

我需要Update Method中的Controller，Update Method中的Model和Codes中的View

Onclick变为输入字段代码：

<script>
 var switchToInput = function () {
                     var $input = $("<input>", {
                     val: $(this).text(),
                     type: "text"
                 });

            $input.addClass("loadNum");
            $(this).replaceWith($input);
            $input.on("blur", switchToSpan);
            $input.select();
      };

    var switchToSpan = function () {
                       var $span = $("<span>", {
                       text: $(this).val()
                       });

            $span.addClass("loadNum");
            $(this).replaceWith($span);
            $span.on("click", switchToInput);
    }
      $(".loadNum").on("click", switchToInput);
</script>

Answer 1

在switchToInput函数

中需要做的是这样的事情

$.ajax({
  url: "update.php", //This is your PHP code that will update the table using the model
  data: {tname: $("#idOfTheTnNameInput").val() ,time:$("#idOfTheTimeInput").val()}
}).done(function() {    //This function will be executed when the AJAX request end
  alert("table updated");
});