首页 > 解决方案 > 具有多个返回值的 Javascript 和 PHP ajax 调用返回未定义

问题描述

我有以下代码,我正在尝试使用它进行AJAX可以返回多个值的调用

    // Make an ajax call to insert a new row.
    // Newer jquery uses done and fail instead of success and error.
    $.post("add_row_item.php", {
      work_order_id: 1
    }).done(function(data) {
      // Ajax request was successful.
      console.log(data);
      // Check if database query produced errors.
      if(data.error != "") {
        alert('Error trying to add a row - ' + data.error);
      }
    }).fail(function(xhr, status, error) {
      // Ajax request failed.
      var errorMessage = xhr.status + ': ' + xhr.statusText;
      alert('Error trying to add a row - ' + errorMessage);
    });

代码将PHP返回消息编码如下:

echo json_encode(array("error" => "Error: " . mysqli_error($con)));

我在浏览器控制台上得到以下信息:

{"error":"Error: Table 'db.tutorials' doesn't exist"}

但是警报undefined在消息中给了我一个:

Error trying to add a row - undefined

有人知道我在警报部分哪里出错了吗?

标签: javascriptphpajax

解决方案


data实际上是一个字符串,'{"error":"Error: Table 'db.tutorials' doesn't exist"}'. 您可以使用以下方法将其转换为对象JSON.parse

data = JSON.parse(data);

或者,指定

dataType : "json"

到您的 ajax 调用,它将在收到时自动转换(请参阅手册)。


推荐阅读