私のウェブページの一部がレンダリングされたサンプルJSONがあります。
{"html": {"#data": "\n<h2>Data</h2>\n<div class="\"manufacturer-image\"">\n \n</div>\n
<form action="\"/manage/update-manufacturer-data/3\"" method="\"post\"">\n \n
<div class="\"field\"">\n <div class="\"label\"">\n <label for="\"id_name\"">Nazwa</label>:\n
</div>\n \n \n <div class="\"error\"">\n
<input id="\"id_name\"" name="\"name\"" maxlength="50" type="\"text\"">\n
<ul class="\"errorlist\""><li>Pole wymagane</li></ul>\n </div>\n \n </div>\n\n
<div class="\"field\"">\n <div class="\"label\"">\n <label for="\"id_image\"">Zdjecie</label>:\n
</div>\n \n \n <div>\n <input name="\"image\"" id="\"id_image\"" type="\"file\"">\n
</div>\n \n </div>\n\n <div class="\"field\"">\n <div class="\"label\"">\n
<label for="\"id_description\"">Opis</label>:\n </div>\n \n \n <div>\n
<textarea id="\"id_description\"" rows="10" cols="40" name="\"description\""></textarea>\n </div>\n \n
</div>\n \n <div class="\"buttons\"">\n <input class="\"ajax-save-button" button\"="" type="\"submit\"">\n
</div>\n</form>"}}
この文字列は、ajaxコールで返され、jQuery 1.6.1は、エラーをスローします。
SyntaxError:JSON.parse: expected ',' or '}' after property value in object
.
というエラーが発生します。
parseJSON: function( data ) {
if ( typeof data !== "string" || !data ) {
return null;
}
// Make sure leading/trailing whitespace is removed (IE can't handle it)
data = jQuery.trim( data );
// Attempt to parse using the native JSON parser first
if ( window.JSON && window.JSON.parse ) {
console.warn('data: ', data);
var ret;
try{
ret = window.JSON.parse(data);
} catch(e){
ret = {};
console.warn(e);
}
return ret;
//return window.JSON.parse( data );
}
何が足りないのでしょうか?
EDIT
私は以前の 'json' (ところで、これは python's simplejson lib で作成されたので、私はこれがどこでも働くことができるのを疑問に思います) を通してパースし、今 jsonlint は私が正しい JSON を持っていると示します。それでも、問題は同じままです。新しい文字列:
{"html": [{"#data": "\n<h2>Data</h2>\n<div class="manufacturer-image">\n \n</div>\n<form action="/manage/update-manufacturer-data/4" method="post">\n \n <div class="field">\n <div class="label">\n <label for="id_name">Nazwa</label>:\n </div>\n \n \n <div class="error">\n <input id="id_name" type="text" name="name" maxlength="50" />\n <ul class="errorlist"><li>Pole wymagane</li></ul>\n </div>\n \n </div>\n\n <div class="field">\n <div class="label">\n <label for="id_image">Zdjecie</label>:\n </div>\n \n \n <div>\n <input type="file" name="image" id="id_image" />\n </div>\n \n </div>\n\n <div class="field">\n <div class="label">\n <label for="id_description">Opis</label>:\n </div>\n \n \n <div>\n <textarea id="id_description" rows="10" cols="40" name="description"></textarea>\n </div>\n \n </div>\n \n <div class="buttons">\n <input type="submit" class="ajax-save-button button" />\n </div>\n</form>"}]}
EDIT2。 OKそれは、私のバックエンドを残してJSOnは適切であるが、ダムjQueryはちょっと奇妙である各'"'の周りに追加の引用符を追加すること、見える。
私の思い違いかもしれませんが、JSONデータそのものが原因だと思います。 JSONパーサーが、JSON化された文字列変数に含まれるHTMLのダブルクオートに引っかかるのでしょう。JSONデータを出力する前に、HTML文字列を前処理して、ダブルクオートを別のものに変更すると、うまくいくと思います。(JSONデータをパースした後に、その逆の処理をする)
例題を出せば少しはわかりやすいかもしれません。
の代わりに、このようにします。 の代わりに次のようにします。{ "#data": "<input name="somename" type="text"/>"} のようになります。}`
これを使ってみる。
html":{ "#data": "<input name="somename" type="text"/>"} のようにします。}`
お役に立てれば幸いです...。