Ajax调用返回SyntaxError：意外的输入结束

我正在写一个非常简单的记事本应用程序。用户可以获取“文件”（实际上它只是MySQL中的一行）来编辑它。
当直接提交表单的PHP文件（只是删除e.preventDetfault），输出是JSON编码输出我想：Ajax调用返回SyntaxError：意外的输入结束

{"data":{"filename":"testfile","content":"this is the file content","lastupdate":"2016-03-06 13:13:30"}}

然而，当通过下面的Ajax调用运行，它总是返回SyntaxError：意外的输入结束。

形式

<form id="openfile" action="backend.php" method="POST"> 
<input type="text" name="filename" placeholder="Enter filename to open" id="filename" /> 
</form>

jQuery的AJAX调用

$("#openfile").submit(function(e) { 

    var filename = $("#filename").val(); 

    openFile(filename); 

    e.preventDefault(); 

}); 


function openFile(filename) { 

    if(filename == "") { 
    return false; 
    } 


    $.ajax({ 
     type: "POST", 
     url: "backend.php", 
     data: {action: "load", file: filename}, 
     success: function(response) { 
     console.log(response); 
     }, 
     error: function(XMLHttpRequest, textStatus, errorThrown) { 
      console.log("Status: " + textStatus); 
      console.log("Error: " + errorThrown); 
     } 
     }); 

}

后端

 try { 

     $db = new PDO(DB_DSN, DB_USER, DB_PASS); 
     $sql = "SELECT `filename`, `content`, `lastupdate` 
       FROM `notepad` 
       WHERE `filename` = :filename 
       LIMIT 1"; 
     $sth = $db->prepare($sql); 
     $sth->bindParam(":filename", $_POST['file'], PDO::PARAM_STR); 
     $sth->execute(); 

     if($sth->rowCount() != 0) { 
      $result = $sth->fetch(PDO::FETCH_ASSOC); 
      $response['data'] = $result; 
      //echo json_encode($result); 
     } else { 
      $response['error'] = "File does not exist"; 
     } 

     } catch(PDOException $e) { 
     $response['error'] = $e->getMessage(); 
     } 

     // Return json data 
     echo json_encode($response);

我肯定知道正确的数据被发送（Chrome浏览器开发工具 - >网络）。

使用几乎相同的ajax调用来保存文件工作得很好。

来源

2016-03-06 hesonline

你的问题是相似的： Chrome: Uncaught SyntaxError: Unexpected end of input

尝试添加页眉application/json您的回复：

header('Content-Type: application/json'); 
echo json_encode($response);

来源

2016-03-06 13:16:25

忘了提及我确实包含了该标题。 – hesonline

您是否尝试过指定具体的数据类型为JSON？

即

数据类型： 'JSON'，

在你的Ajax调用

。

你正在发送一个json对象，但是你没有指定返回类型。

来源

2016-10-27 23:24:33 Francis

Ajax调用返回SyntaxError：意外的输入结束

回答

相关问题