将 CR/LF 保存在 json 数据中

Question

我正在将表数据保存到 json 对象。表格数据来自表格单元格中的 txt 输入和文本区域。

我在保存 textarea 数据的 JSON 元素中遇到了 CR/LF 字符的问题。 JSON数据很好地保存到数据库中，但是当我将它传递回使用该数据填充表的jQuery函数时，我得到了：

SyntaxError: JSON.parse: bad control character in string literal at line 1 column 67 of the JSON data
var array = JSON.parse(notes),

在控制台中。

我将 JSON 数据放在 Notepad++ 中并显示所有字符，CR/LF 位于第 67 列。

这是我正在使用的 JSON 数据示例：

[["","","",""],["","9/23/14","",""],["","30789 detail, x_vendor_no**CR/LF HERE**
20597 header","",""],["","99 del invalid x_vendor_no","",""],["","30780","",""],["","","",""],["","","",""],["","","",""]]

有没有办法在数据中允许 CR/LF？

更新 11684 建议使用 replace 删除 CRLF 的 \r 部分将不起作用。原因如下：

以下是使用 JSON 数据的完整函数： （已更新以使用下面的更新 #2 代码）

function PopulateTaskTableWithNotes(tableID,notesArray) {
    // JSON parse removed per answer suggestion
    var r, c, note;

    for (r = 0; r < notesArray.length; ++r) {
        for (c = 0; c < notesArray[r].length; ++c) {
            note = notesArray[r][c];
        $('#' + tableID + ' tr:nth-child(' + (r + 1) + ') td:nth-child(' + (c + 1) + ')').children(':first-child').val(note);
        }
    }
}

我仍然在尝试解析 JSON 数据的行上遇到错误。替换函数显然无法在数组元素中“找到”字符。

更新 #2 这是我创建数组的方式：

var siteID = $('#ddlUserSites option:selected').val(),
    numRows = $('#' + tableID + ' tr').length,
    numCols = $('#' + tableID).find('tr:first th').length,
    notesArray = new Array(numRows),
    rowNum = 1,
    note = '',
    colNum;

while (rowNum <= numRows) {
    notesArray[rowNum] = new Array(numCols);

    // Reset colNum for next row iteration
    colNum = 1;
    while (colNum <= numCols) {
        note = '';

        if ($('#' + tableID + ' tr:nth-child(' + rowNum + ') td:nth-child(' + colNum + ')').children(':first-child').is('input,textarea')) {
            note = $('#' + tableID + ' tr:nth-child(' + rowNum + ') td:nth-child(' + colNum + ')').children(':first-child').val();
        }
        notesArray[rowNum][colNum] = note;
        //console.log('Note for rowNum ' + rowNum + ', colNum ' + colNum + ': ' + note);
        colNum++;
    }
    // Remove first element in current row array
    notesArray[rowNum].shift();
    rowNum++;
}
// Remove first element in array
notesArray.shift();
JSON.stringify(notesArray); // Added per an answer here
console.log('Final notesArray: ' + $.toJSON(notesArray));

$.ajax({
    data: {saveTaskNotes: 'true', userID:userID, siteID:siteID, taskTable:tableID, notes:notesArray},
    success: function(data) {
        console.log('Save task notes data: ' + data);
    }
});

“Final notesArray”控制台输出看起来不错，但现在，添加了 stringify，上面的函数 (PopulateTaskTableWithNotes) 控制台输出显示它正在读取数组中的每个字符作为一个单独的元素！

也许这也有帮助，至于创建和读取函数之间的数据发生了什么：数组被保存到单个 MySQL 数据库字段，然后通过 $.ajax() 检索 PopulateTable 函数（on两端）。

话虽如此，我是否需要查看我对 PHP 代码中的数组所做的操作？

更新 #3 这是接收数据并写入 MySQL 数据库的 PHP 函数：

function SaveTaskNotes($userID,$siteID,$taskTable,$notes) {
    $notes = json_encode($notes);
    $insertUpdateTaskNotesResult = '';
    $insertTaskNotes = "INSERT INTO userProgress (userProgressUserID,userProgressSiteID,userProgressNotesTable,userProgressNotes) values ($userID,$siteID,'" . $taskTable . "','" . $notes . "')";
    $log->lwrite('$insertTaskNotes: ' . $insertTaskNotes);
    $resultInsertTaskNotes = @mysqli_query($dbc,$insertTaskNotes);
    if ($resultInsertTaskNotes) {
        $insertUpdateTaskNotesResult = 'insertTaskNotesSuccess';
    } else {
        if (mysqli_error($dbc) != '') {
            $log->lwrite('INSERT TASK NOTES: An error occurred while attempting to add the task notes. Query: ' . $insertTaskNotes . ', mysqli_error: ' . mysqli_error($dbc));
        }
        $insertUpdateTaskNotesResult = 'insertTaskNotesFail';
    }
    echo $insertUpdateTaskNotesResult;
}

这是从数据库中获取数据并将其发送到上述 $.ajax 函数的函数：

function GetUserTaskNotes($userID,$siteID,$taskTableID) {
    $queryGetUserTaskNotes = "SELECT userProgressNotes FROM userProgress WHERE userProgressUserID = $userID AND userProgressSiteID = $siteID AND userProgressNotesTable = '" . $taskTableID . "'";
    $log->lwrite('$queryGetUserTaskNotes: ' . $queryGetUserTaskNotes);
    $resultGetUserTaskNotes = @mysqli_query($dbc,$queryGetUserTaskNotes);
    if ($resultGetUserTaskNotes) {
        $taskNotes = mysqli_fetch_assoc($resultGetUserTaskNotes);
        $log->lwrite('Retrieved $taskNotes[\'userProgressNotes\']: ' . $taskNotes['userProgressNotes']);
        echo $taskNotes['userProgressNotes'];
    } else {
        if (mysqli_error($dbc) != '') {
            $log->lwrite('GET TASK NOTES: An error occurred while attempting to retrieve the task notes. Query: ' . $queryGetUserTaskNotes . ', mysqli_error: ' . mysqli_error($dbc));
        }
        echo 'getTaskNotesFail';
    }
}

在保存和获取函数中，$log 输出显示数组永远不会改变（使用上面的 js/php 代码），将数组粘贴到 notepad++ 表明 CR/LF 始终存在。

Answer 1

不要使用JSON.parse，数据已经是JSON，Javascript可以使用它。

只有在传递字符串时才需要它，想象一下 JSON.parse() 就像 string2json() 一样。

我认为这可能已经解决了您的问题，我从来没有遇到过换行符的问题。

正如Luis所说，除了JSON.parse之外，问题不在于您的客户端（Javascript，jQuery），而是提供站点错误。

PHP 示例：

<?php
echo json_encode(array("test" => "


x"));

PHP 正确地转义了字符：

{"test":"\r\n\r\n\r\nx"}

但是您的数据源提供了格式错误的 JSON。

要修复 JSON 问题，请使用准备好的语句或使用：

$notes = str_replace('\', '\\', json_encode($notes)); // in SaveTaskNotes

Answer 2

好吧，错误在于输入数据（显示有问题）。 JSON 字符串中的文字内不能有 CR 或 LF。你可以拥有的是字符转义为\r\n。问题在另一方面，转义代码被实际字符替换，因此完整的 JSON 字符串变得无效。