我正在将表数据保存到json对象。表数据来自表格单元格中的txt输入和textareas。
我遇到了包含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建议使用替换删除CRLF的\ r \ n部分不会起作用。这就是原因:
这是使用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数据的行上收到错误。替换功能显然无法找到&#34;数组元素中的字符。
更新#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);
}
});
&#34;最后的笔记阵列&#34;控制台输出看起来很好,但是现在,添加了stringify,上面的函数(PopulateTaskTableWithNotes)控制台输出显示它将数组中的每个字符作为一个单独的元素读取!
对于创建和读取函数之间的数据发生的事情,也许这也会有所帮助:数组被保存到单个MySQL数据库字段,然后通过$ .ajax检索PopulateTable函数()(两端)。
话虽如此,我是否需要查看我在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;
}
这里是从db获取数据并将其发送到上述$ .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';
}
}
在save和get函数中,$ log输出显示数组永远不会改变(使用上面的js / php代码)并将数组粘贴到notepad ++中表明CR / LF仍然存在。
答案 0 :(得分:2)
不要使用JSON.parse
,数据已经是JSON,Javascript可以使用它。
传递字符串时只需要它,想象JSON.parse()
就像string2json()
一样。
我认为这可能已经解决了您的问题,我从未遇到过新行字符的问题。
正如Luis所说,问题不是你的客户端(Javascript,jQuery),除了JSON.parse
,但提供网站是错误的。
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
答案 1 :(得分:0)
嗯,错误在输入数据上(显示有问题)。您不能在JSON字符串中的文字内部使用CR或LF。你可以拥有的是chars转义为\r
\n
。问题出在另一方面,其中转义代码被实际字符替换,因此完整的JSON字符串变为无效。