JSON ਸਰਵਰ

JSON ਦਾ ਇੱਕ ਆਮ ਇਸਤੇਮਾਲ ਵੈਬ ਸੇਵਰ ਨਾਲ ਅੰਕੜੇ ਅਦਾਨ-ਪ੍ਰਦਾਨ ਕਰਨਾ ਹੈ。

ਵੈਬ ਸੇਵਰ ਤੋਂ ਅੰਕੜੇ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋਣ ਤੇ ਅੰਕੜੇ ਹਮੇਸ਼ਾ ਸਟਰਿੰਗ ਹੁੰਦੇ ਹਨ。

ਵਰਤੋਂ ਕਰੋ JSON.parse() ਅੰਕੜੇ ਪਾਰਸਿੰਗ ਕਰੋ ਅਤੇ ਅੰਕੜੇ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਬਣ ਜਾਣਗੇ。

ਅੰਕੜੇ ਭੇਜੋ

ਜੇਕਰ ਤੁਸੀਂ ਅੰਕੜੇ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਸਟੋਰ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਆਬਜੈਕਟ ਨੂੰ JSON ਵਿੱਚ ਟਰਾਂਸਫਾਰਮ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸ ਨੂੰ ਸੇਵਰ ਨੂੰ ਭੇਜ ਸਕਦੇ ਹੋ।

实例

const myObj = {name: "Bill", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਅੰਕੜੇ ਪ੍ਰਾਪਤ ਕਰੋ

ਜੇਕਰ ਤੁਸੀਂ JSON ਫਾਰਮੈਟ ਵਿੱਚ ਅੰਕੜੇ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਇਸ ਨੂੰ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਸੌਖੇ ਤਰੀਕੇ ਨਾਲ ਟਰਾਂਸਫਾਰਮ ਕਰ ਸਕਦੇ ਹੋ।

实例

const myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸੇਵਰ ਤੋਂ ਪ੍ਰਾਪਤ JSON

ਸੇਵਰ ਤੋਂ JSON ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ AJAX ਬੇਨਤੀ ਕਰ ਸਕਦੇ ਹੋ।

ਜੇਕਰ ਸੇਵਰ ਦਾ ਪ੍ਰਤੀਕਿਰਿਆ JSON ਫਾਰਮੈਟ ਵਿੱਚ ਲਿਖਿਆ ਹੋਇਆ ਹੈ ਤਾਂ ਤੁਸੀਂ ਸਟਰਿੰਗ ਨੂੰ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਪਾਰਸਿੰਗ ਕਰ ਸਕਦੇ ਹੋ।

实例

ਸੇਵਰ ਤੋਂ ਅੰਕੜੇ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ XMLHttpRequest ਵਰਤੋਂ ਕਰੋ:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myObj = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json.txt");
xmlhttp.send();

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਕਿਰਪਾ ਦੇਖੋ:json.txt

数组形式的 JSON

在从数组派生的 JSON 上使用 JSON.parse() 时，该方法会返回 JavaScript 数组，而不是 JavaScript 对象。

实例

从服务器以数组返回的 JSON：

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਕਿਰਪਾ ਦੇਖੋ:json_array.txt