Ответ 1
Разметка html недопустима... если вы запустите html validator againt в первом html (не работает), вы найдете ошибки в строке...
Сохраните строку JSON в значении поля ввода
Как сохранить строку Json в скрытом поле ввода. Ну, я мог бы сделать это программно, но что-то не так с побегом. Поскольку моя строка умеренно длинная, трудно избежать "char для всех имен. Пожалуйста, объясните, как она работает программно (этап 1), так как вывод консоли выглядит так же.
[{"X":0,"Y":0,"W":0,"H":500},{"X":358,"Y":62,"W":200,"H":500}]test2.html:21
[{"X":0,"Y":0,"W":0,"H":500},{"X":358,"Y":62,"W":200,"H":500}]
test2.html:22
PASSED PHASE 1
jquery.min.js:16Uncaught SyntaxError: Unexpected end of input
спасибо,
BSR.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<input type="hidden" id="jsondata" />
<input type="hidden" id="jsondata2" value="[{"X":0,"Y":0,"W":0,"H":500},{"X":358,"Y":62,"W":200,"H":500}]"/>
<script >
$(document).ready(function() {
myItems = [{"X":0,"Y":0,"W":0,"H":500},
{"X":358,"Y":62,"W":200,"H":500}]
console.log(JSON.stringify(myItems));
$("#jsondata").val(JSON.stringify(myItems));
console.log(document.getElementById("jsondata").value);
console.log("PASSED PHASE 1");
var obj = jQuery.parseJSON($("#jsondata2").val());
console.log(obj.length);
console.log("PASSED PHASE 2");
});
</script>
</body>
</html>
Edit:
работает следующий код. Не уверен, что это правильно. так будет означать хорошее объяснение в качестве ответа. спасибо.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<input type="hidden" id="jsondata" />
<input type="hidden" id="jsondata2" value='[{"X":0,"Y":0,"W":0,"H":500},{"X":358,"Y":62,"W":200,"H":500}]'/>
<script >
$(document).ready(function() {
myItems = [{"X":0,"Y":0,"W":0,"H":500},
{"X":358,"Y":62,"W":200,"H":500}]
console.log(JSON.stringify(myItems));
$("#jsondata").val(JSON.stringify(myItems));
console.log(document.getElementById("jsondata").value);
console.log("PASSED PHASE 1");
var obj = jQuery.parseJSON($("#jsondata2").val());
console.log($("#jsondata2").val());
console.log(obj[0].H);
console.log("PASSED PHASE 2");
});
</script>
</body>
</html>
Ответы
Ответ 2
<input type="hidden" id="jsondata2" value="[{"X":0,"Y":0,"W":0,"H":500},{"X":358,"Y":62,"W":200,"H":500}]"/>
неверно. Используйте одиночные кавычки ' вместо двойных кавычек " в строке значений, чтобы исправить ее (или выйти из ")
<input type="hidden" id="jsondata2" value="[{'X':0,'Y':0,'W':0,'H':500},{'X':358,'Y':62,'W':200,'H':500}]"/>
Ответ 3
Вы можете сделать что-то вроде этого, но это довольно плохо, HTML:
<textarea id="jsondata" sytle="display:none"></textarea>
и JS
$(function(){
var myItems = [{"X":0,"Y":0,"W":0,"H":500}, {"X":358,"Y":62,"W":200,"H":500}]
$("#jsondata").val(JSON.stringify(myItems));
});
Ответ 4
См. ответ о кавычках.
Причина проста - когда у вас есть этот код:
[sometag someattr="qwerty"123":cxzcxz"/]
браузер понимает это как:
[sometag someattr="qwerty"/]
И последняя часть (123 ": cxzcxz" ) просто выбрасывается как мусор. Итак, для вашего конкретного случая parseJSON пытается работать именно с этим:
[{
Но вы думаете, что это полная строка, например:
[{"X":0,"Y":0,"W":0,"H":500},{"X":358,"Y":62,"W":200,"H":500}]
Так лучше, что вы должны закодировать свой json, прежде чем вставлять значение скрытого поля на стороне сервера.
Ответ 5
Попробуйте код ниже, похоже, у вас есть массив, не являющийся объектом для меня.
myItems = { data : [{"X":0,"Y":0,"W":0,"H":500},
{"X":358,"Y":62,"W":200,"H":500}] };