javascript - JQuery মধ্যে JSON serializing



5 Answers

আমি 6 মাস ধরে jquery-json ব্যবহার করছি এবং এটি দুর্দান্ত কাজ করে। এটি ব্যবহার করা খুব সহজ:

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

// Result: {"foo":"bar","baz":"wockaflockafliz"}
javascript jquery ajax json serialization

এই প্রশ্নটি ইতিমধ্যে একটি উত্তর আছে:

আমি JSON একটি বস্তু serialize করতে হবে। আমি jQuery ব্যবহার করছি। এই কি একটি "মান" উপায় আছে?

আমার নির্দিষ্ট পরিস্থিতি: আমার নীচে দেখানো একটি অ্যারের সংজ্ঞায়িত আছে:

var countries = new Array();
countries[0] = 'ga';
countries[1] = 'cd';
...

এবং আমি $.ajax() যাওয়ার জন্য একটি স্ট্রিং এ এটি চালু করতে হবে:

$.ajax({
    type: "POST",
    url: "Concessions.aspx/GetConcessions",
    data: "{'countries':['ga','cd']}",
...






আমি এই কোথাও খুঁজে না। যদিও মনে রাখবেন না ... সম্ভবত স্ট্যাক ওভারফ্লোতে :)

$.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;
};



সর্বোত্তম উপায় হল JSON-js বস্তুর জন্য পলিফিল অন্তর্ভুক্ত করা।

কিন্তু যদি আপনি জাভাস্ক্রিপ্ট নেমস্পেসের ভিতরে JSON নোটেশন (JSON এর জন্য বৈধ মান ) কোনও বস্তু ক্রমবিন্যাসের জন্য একটি পদ্ধতি তৈরি করার জন্য জোর দেন তবে আপনি এটি এমন কিছু করতে পারেন:

বাস্তবায়ন

// 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.log(json);



হ্যাঁ, আপনাকে JSON.rringify এবং JSON.parse $ "কল করার আগে আপনার" Json_PostData "উচিত।

$.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");

        } 
});



Related