web-dev-qa-db-ja.com

jQuery 1.4.1にJSON文字列がありませんか？

JQueryには、特定のオブジェクトまたは文字列をJSONオブジェクトにデコードする機能があるようです。ただし、POSTサーバーに戻る必要があるJSオブジェクトがあり、jQueryにはJSON.stringify（）関数をラップするユーティリティはありません。その関数はChrome、Safariにあります4、FF3.6、およびIE8ですが、以前のブラウザーにはありません。それをサポートするブラウザーでネイティブに使用できますが、それ以外の場合は、CrockfordのJSONスクリプトを使用するよう強制されます。

Crockfordスクリプトに代わるJSONエンコードおよびデコードを処理するjQueryが組み込まれていますか？

jqueryjsonencodedecode
74
Geuis

あなたはこれをチェックアウトしたいかもしれません： http://www.json.org/js.html

30
shinkou

「Closure Library」（Google）を使用して、クロスブラウザJSONエンコーダー/デコーダーを作成できます。

http://closure-compiler.appspot.com/ に移動するだけです

テキストフィールドに次を挿入して、「コンパイル」を押します。

// ==ClosureCompiler==
// @compilation_level ADVANCED_OPTIMIZATIONS
// @output_file_name default.js
// @use_closure_library true
// ==/ClosureCompiler==

goog.require('goog.json');
if (!window['JSON']) window['JSON']={};
if (typeof window['JSON']['stringify'] !== 'function') window['JSON']['stringify']=goog.json.serialize;
if (typeof window['JSON']['parse'] !== 'function') window['JSON']['parse']=goog.json.parse;
26
stewe

jQueryは jQuery.parseJSON() を使用してJSON文字列をネイティブにデコードできます。

ただし、エンコードについては、プラグインのみを知っています： jquery-json

14
Gabriele Petrioli

jQueryは内部でこの機能を必要としないため、そうするための便利なメソッドを提供しません。

JSON.stringify（）は、オブジェクトをそのオブジェクトのJSON文字列表現にエンコードする標準で推奨される方法です。これは多くのブラウザーのネイティブJSONオブジェクトのメソッドであり、フォールバックを提供するにはjson2.js（https://github.com/douglascrockford/JSON-js）を使用することをお勧めします。

3
Steve

Steweの答えを基に、Advancedをオンにしたクロージャーコンパイラは、1文字の変数の束でグローバル名前空間を汚染するスクリプトを提供します。そのため、次のように匿名関数呼び出しでラップします。

_(function() { function g(a){var b=typeof a;if("object"==b)if(a){if(a instanceof Array)return"array";if(a instanceof Object)return b;var c=Object.prototype.toString.call(a);if("[object Window]"==c)return"object";if("[object Array]"==c||"number"==typeof a.length&&"undefined"!=typeof a.splice&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("splice"))return"array";if("[object Function]"==c||"undefined"!=typeof a.call&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("call"))return"function"}else return"null"; else if("function"==b&&"undefined"==typeof a.call)return"object";return b};function h(a){a=""+a;if(/^\s*$/.test(a)?0:/^[\],:{}\s\u2028\u2029]*$/.test(a.replace(/\\["\\\/bfnrtu]/g,"@").replace(/"[^"\\\n\r\u2028\u2029\x00-\x08\x10-\x1f\x80-\x9f]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:[\s\u2028\u2029]*\[)+/g,"")))try{return eval("("+a+")")}catch(b){}throw Error("Invalid JSON string: "+a);}function i(a,b){var c=[];j(new k(b),a,c);return c.join("")}function k(a){this.a=a} function j(a,b,c){switch(typeof b){case "string":l(b,c);break;case "number":c.Push(isFinite(b)&&!isNaN(b)?b:"null");break;case "boolean":c.Push(b);break;case "undefined":c.Push("null");break;case "object":if(null==b){c.Push("null");break}if("array"==g(b)){var f=b.length;c.Push("[");for(var d="",e=0;e<f;e++)c.Push(d),d=b[e],j(a,a.a?a.a.call(b,""+e,d):d,c),d=",";c.Push("]");break}c.Push("{");f="";for(e in b)Object.prototype.hasOwnProperty.call(b,e)&&(d=b[e],"function"!=typeof d&&(c.Push(f),l(e,c),c.Push(":"), j(a,a.a?a.a.call(b,e,d):d,c),f=","));c.Push("}");break;case "function":break;default:throw Error("Unknown type: "+typeof b);}}var m={'"':'\\"',"\\":"\\\\","/":"\\/","\u0008":"\\b","\u000c":"\\f","\n":"\\n","\r":"\\r","\t":"\\t","\x0B":"\\u000b"},n=/\uffff/.test("\uffff")?/[\\\"\x00-\x1f\x7f-\uffff]/g:/[\\\"\x00-\x1f\x7f-\xff]/g; function l(a,b){b.Push('"',a.replace(n,function(a){if(a in m)return m[a];var b=a.charCodeAt(0),d="\\u";16>b?d+="000":256>b?d+="00":4096>b&&(d+="0");return m[a]=d+b.toString(16)}),'"')};window.JSON||(window.JSON={});"function"!==typeof window.JSON.stringify&&(window.JSON.stringify=i);"function"!==typeof window.JSON.parse&&(window.JSON.parse=h); })();_

今、あなたは呼び出すことができます：

var JSONString = JSON.stringify({name: 'value'});

2
crizCraig

JQueryを使用する場合、JSON.stringify（）関数は必要ありません。 ajaxを使用してjavascriptデータをサーバーに送信する一般的な例を考えてみましょう。jqueryにはこれを処理する組み込み関数があります：（ http://api.jquery.com/category/ajax/ の例=）

$.post("test.php", { name: "John", time: "2pm" } );
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {
    alert("JSON Data: " + json.users[3].name);
});

上記のすべての例で、送信されたJavaScriptデータはjQueryによって自動的にシリアル化されます。

これらの場合のシリアル化はJSON.Stringify（）と同じではなく、代わりにデータがHTMLクエリ文字列にシリアル化されます（参照： http://en.wikipedia.org/wiki/Query_string#Structure =）。

ただし、この形式のシリアル化は、ほとんどの（すべてではない）アプリケーションに適しています

1
wal5hy