所以我正在开发一个 WordPress 网站。我在让用户输入更新数据库时遇到了一些困难。

JS:

var ID = $(this).attr('id');
var name = $("#name_input_"+ID).val();
var createDate = $("#created_input_"+ID).val();
var stats = $("#status_input_"+ID).val();
var dateExpire = $("#disbanded_input_"+ID).val();
var dataString = 'id=' + ID + '&name=' + name + 
'&createDate=' + createDate + '&stats=' + stats + '&dateExpire=' + dateExpire;

// can place loading image here

if (name.length > 0 || createDate.length > 0 || 
stats.length > 0 || dateExpire.length > 0) {
  $.ajax({
    type: "POST",
    url: "../edit-items.php",
    data: dataString,
    cache: false,
    error: function(xhr, status, error) {
      var err = eval("(" + xhr.responseText + ")");
      alert(err.Message);
    },
    success: function (html) {
      $("#name_"+ID).html(name);
      $("#createDate_"+ID).html(createDate);
      $("#stats_"+ID).html(stats);
      $("#dateExpire_"+ID).html(dateExpire);
    }
  });
} else {
  alert("Enter text to make an edit.");
}
});

PHP (edit-items.php)

global $wpdb;

if($_POST['id']) {
    $id = esc_sql($_POST['id']);
    $name = esc_sql($_POST['name']);
    $created = esc_sql($_POST['createDate']);
    $stats = esc_sql($_POST['stats']);
    $dateExpire = esc_sql($_POST['dateExpire']);

    $query = "UPDATE items SET itemName='$name', createDate='$created', itemStats='$stats', dateExpire='$dateExpire' WHERE committee_id='$id';"

    $wpdb->query($wpdb->prepare($query));
  }

每当我尝试更新表格时，我都能在前端成功完成，但在刷新时，数据更改不会保留。检查数据库进一步验证数据没有被更改......似乎“成功”正在传递 AJAX，但由于某种原因，它没有更新数据库。

对此的任何见解都会有所帮助!

编辑 决定开始使用admin-ajax.php 方法。除了我将 JS 中的 url 更改为 url: "/wp-admin/admin-ajax.php", 和 edit-items.php 中的代码外，一切都一样> 现在在 functions.php 中，如下所示:

 function editCommittee() {  
  global $wpdb;

if($_POST['id']) {
    $id = esc_sql($_POST['id']);
    $name = esc_sql($_POST['name']);
    $created = esc_sql($_POST['createDate']);
    $stats = esc_sql($_POST['stats']);
    $dateExpire = esc_sql($_POST['dateExpire']);

    $wpdb->update('itemsTable',
                array(
                    'name' => $name
                ),
                array(
                    'committee_id' => $id
                ),

                array(
                  '%s'
                )
  );
  echo $id;
  exit();
  }
}
add_action('wp_ajax_editItems', 'editItems');

最佳答案

这里是问题所在，对于 ajax 请求，我们使用 http://example.com/wp-admin/admin-ajax.php。
此外，您的数据字符串应包含 &action=editItems(与您在 wp_ajax_editItems 中使用的相同)

你的 ajax 请求代码应该是这样的......

  $.ajax({
    type: "POST",
    url: "/wp-admin/admin-ajax.php",
    data: dataString + '&action=editItems',
    cache: false,
    error: function(xhr, status, error) {
      var err = eval("(" + xhr.responseText + ")");
      alert(err.Message);
    },
    success: function (html) {
      $("#name_"+ID).html(name);
      $("#createDate_"+ID).html(createDate);
      $("#stats_"+ID).html(stats);
      $("#dateExpire_"+ID).html(dateExpire);
    }
  });

有关更多详细信息，请查看 https://codex.wordpress.org/AJAX_in_Plugins

希望对您有所帮助:)

关于php - 前端的 Ajax 和 WordPress - 数据库未更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40473066/