我在使用“JSON.stringify”和“Json.parse”作为字符串时遇到问题。该应用程序通过 Javascript 使用客户端浏览器通过 PHP 从服务器读取文本文件(JSON 字符串)。
问题是我使用“stringify”后，打印的字符串输出如下:
"\r\n\r\n\r\n\t\r\n\r\n\r\n\r\n\r\n{\"employees\":[{\"firstName\":\"John\",\"lastName\":\"Doe\" },{\"firstName\":\"Anna\",\"lastName\":\"Smith\" },{\"firstName\":\"Peter\",\"lastName\":\"Jones\" }]}\r\n\r\n"
- 如果不使用“stringify”，它打印的内容与原始文本相同 文本文件。
如果我使用“JSON.stringify”然后使用“Json.parse”，它会显示如下错误:
JSON 中位置 0 处出现意外标记 < 在 JSON.parse()
代码如下:
文本文件示例:
{"employees":[{"firstName":"John","lastName":"Doe"},{"firstName":"Anna","lastName":"Smith"},{"firstName": "Peter","lastName":"琼斯"}]}
带有 Javascript 的 HTML 页面:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
function printEmployee() {
obj = JSON.parse(text);
var selEmployee = document.getElementById("selEmployee");
document.getElementById("demo").innerHTML =
obj.employees[selEmployee.selectedIndex].firstName + " " + obj.employees[selEmployee.selectedIndex].lastName;
}
function postToPhp() {
var dataString = JSON.stringify(text);
$.post("processJson.php",
{
dataString
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
}
function postAsyncGet()
{
getToPhp()
.then(viewGetResult);
}
function getToPhp() {
var dataString;
$.get("readJson.php",
{
dataString
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
viewGetResult(data);
});
}
function viewGetResult(dataString) {
var jsonstr = JSON.stringify(dataString.trim());
//var obj = JSON.parse(dataString);
document.getElementById("demo").innerHTML = dataString;
var selEmployee = document.getElementById("selEmployee");
//document.getElementById("demo").innerHTML =
//obj.employees[selEmployee.selectedIndex].firstName + " " + //obj.employees[selEmployee.selectedIndex].lastName;
}
</script>
</head>
<body>
<h2>Create Object from JSON String</h2>
<label>
Select an Employee:
</label>
<select id = "selEmployee">
<option value = "1" selected="selected">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
</select>
<p><a href="#" onclick="printEmployee();">Print Me!</a></p>
<p><a href="#" onclick="postToPhp();">Post Me to PHP!</a></p>
<p><a href="#" onclick="getToPhp();">Get from PHP!</a></p>
<p id="demo"></p>
</body>
</html>
PHP 代码
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<?php
$obj = json_decode($_POST["dataString"]);
echo $obj->var;
$myfile = fopen("newfile.txt", "w") or die("Unable to open file!");
fwrite($myfile, $obj );
fclose($myfile);
?>
</body>
</html>
最佳答案
您可以在 https://github.com/kehkok/php_server-json-javascript_client#php_server-json-javascript_client 找到完整的解决方案
快乐分享。
关于javascript - 从服务器读取文本文件(Json)并发送给客户端(Javascript)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43623360/