Сериализация в JSON в jQuery

Я не использовал его, но вы можете попробовать Плагин jQuery, написанный Марком Гибсоном

Он добавляет две функции: $.toJSON(value), $.parseJSON(json_str, [safe]).

Нет, стандартный способ сериализации в JSON - использовать существующую библиотеку сериализации JSON. Если вы не хотите этого делать, вам придется написать свои собственные методы сериализации.

Если вам нужны инструкции о том, как это сделать, я бы посоветовал изучить источник некоторых из доступных библиотек.

Обновлено: Я не собираюсь говорить, что писать собственные методы серляризации - это плохо, но вы должны принять во внимание, что если для вашего приложения важно использовать правильно сформированный JSON, тогда вам придется взвесить накладные расходы на «еще одну зависимость. "от возможности того, что ваши пользовательские методы однажды могут столкнуться с ошибкой, о которой вы не ожидали. Ваш вопрос, является ли такой риск приемлемым.

JSON-js - JSON в JavaScript.

Чтобы преобразовать объект в строку, используйте JSON.stringify:

var json_text = JSON.stringify(your_object, null, 2);

Чтобы преобразовать строку JSON в объект, используйте JSON.parse:

var your_object = JSON.parse(json_text);

Недавно он был рекомендован Джон Ресиг:

...PLEASE start migrating your JSON-using applications over to Crockford's json2.js. It is fully compatible with the ECMAScript 5 specification and gracefully degrades if a native (faster!) implementation exists.

In fact, I just landed a change in jQuery yesterday that utilizes the JSON.parse method if it exists, now that it has been completely specified.

Я склонен доверять тому, что он говорит по вопросам JavaScript :)

Все современные браузеры (и многие старые, которые не являются древними) изначально поддерживают Объект JSON. Текущая версия библиотеки JSON Крокфорда будет определять JSON.stringify и JSON.parse только в том случае, если они еще не определены, оставляя все нативные реализации браузера нетронутыми.

Если вы не хотите использовать внешние библиотеки, существует собственный метод JavaScript .toSource(), но он не является полностью кроссбраузерным.

Я где-то это нашел. Не могу вспомнить, где ... наверное, на StackOverflow :)

$.fn.serializeObject = function(){
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name]) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

Пользуюсь jquery-json 6 месяцев и отлично работает. Использовать очень просто:

var myObj = {foo: "bar", "baz": "wockaflockafliz"};
$.toJSON(myObj);

// Result: {"foo":"bar","baz":"wockaflockafliz"}

Работает на IE8 +

Нет необходимости в jQuery, используйте:

JSON.stringify(countries); 

Одна вещь, которую вышеупомянутые решения не учитывают, - это то, что у вас есть массив входных данных, но было предоставлено только одно значение.

Например, если серверная часть ожидает массив людей, но в этом конкретном случае вы имеете дело только с одним человеком. Затем делаем:

<input type = "hidden" name = "People" value = "Joe" />

Тогда с предыдущими решениями он просто будет отображаться примерно так:

{
    "People" : "Joe"
}

Но это действительно должно соответствовать

{
    "People" : [ "Joe" ]
}

Чтобы исправить это, ввод должен выглядеть так:

<input type = "hidden" name = "People[]" value = "Joe" />

И вы могли бы использовать следующую функцию (основанную на других решениях, но немного расширенную)

$.fn.serializeObject = function() {
var o = {};
var a = this.serializeArray();
$.each(a, function() {
    if (this.name.substr(-2) == "[]"){
        this.name = this.name.substr(0, this.name.length - 2);
        o[this.name] = [];
    }

    if (o[this.name]) {
        if (!o[this.name].push) {
            o[this.name] = [o[this.name]];
        }
        o[this.name].push(this.value || '');
    } else {
        o[this.name] = this.value || '';
    }
});
return o;
};

Лучше всего включить полифил для объекта JSON.

Но если вы настаиваете на создании метода сериализации объекта в нотацию JSON (допустимые значения для JSON) внутри пространства имен jQuery, вы можете сделать что-то вроде этого:

Выполнение

// This is a reference to JSON.stringify and provides a polyfill for old browsers.
// stringify serializes an object, array or primitive value and return it as JSON.
jQuery.stringify = (function ($) {
  var _PRIMITIVE, _OPEN, _CLOSE;
  if (window.JSON && typeof JSON.stringify === "function")
    return JSON.stringify;

  _PRIMITIVE = /string|number|boolean|null/;

  _OPEN = {
    object: "{",
    array: "["
  };

  _CLOSE = {
    object: "}",
    array: "]"
  };

  //actions to execute in each iteration
  function action(key, value) {
    var type = $.type(value),
      prop = "";

    //key is not an array index
    if (typeof key !== "number") {
      prop = '"' + key + '":';
    }
    if (type === "string") {
      prop += '"' + value + '"';
    } else if (_PRIMITIVE.test(type)) {
      prop += value;
    } else if (type === "array" || type === "object") {
      prop += toJson(value, type);
    } else return;
    this.push(prop);
  }

  //iterates over an object or array
  function each(obj, callback, thisArg) {
    for (var key in obj) {
      if (obj instanceof Array) key = +key;
      callback.call(thisArg, key, obj[key]);
    }
  }

  //generates the json
  function toJson(obj, type) {
    var items = [];
    each(obj, action, items);
    return _OPEN[type] + items.join(",") + _CLOSE[type];
  }

  //exported function that generates the json
  return function stringify(obj) {
    if (!arguments.length) return "";
    var type = $.type(obj);
    if (_PRIMITIVE.test(type))
      return (obj === null ? type : obj.toString());
    //obj is array or object
    return toJson(obj, type);
  }
}(jQuery));

использование

var myObject = {
    "0": null,
    "total-items": 10,
    "undefined-prop": void(0),
    sorted: true,
    images: ["bg-menu.png", "bg-body.jpg", [1, 2]],
    position: { //nested object literal
        "x": 40,
        "y": 300,
        offset: [{ top: 23 }]
    },
    onChange: function() { return !0 },
    pattern: /^bg-.+\.(?:png|jpe?g)$/i
};

var json = jQuery.stringify(myObject);
console.info(json);

Это в основном двухэтапный процесс:

Во-первых, вам нужно сделать следующее:

var JSON_VAR = JSON.stringify(OBJECT_NAME, null, 2); 

После этого вам нужно преобразовать string в Object:

var obj = JSON.parse(JSON_VAR);

Да, вы должны JSON.stringify и JSON.parse на вашем Json_PostData, прежде чем звонить в $.ajax:

$.ajax({
        url:    post_http_site,  
        type: "POST",         
        data:   JSON.parse(JSON.stringify(Json_PostData)),       
        cache: false,
        error: function (xhr, ajaxOptions, thrownError) {
            alert(" write json item, Ajax error! " + xhr.status + " error  = " + thrownError + " xhr.responseText = " + xhr.responseText );    
        },
        success: function (data) {
            alert("write json item, Ajax  OK");

        } 
});