JSON సర్వర్

JSON యొక్క ఒక సాధారణ ఉపయోగం వెబ్ సర్వర్ తో డాటా మార్పిడి చేయడం.

వెబ్ సర్వర్ నుండి డాటా పొందినప్పుడు, డాటా ఎల్లప్పుడూ స్ట్రింగ్ అవుతుంది.

ఉపయోగించండి JSON.parse() డాటా పరివర్తించండి, డాటా జావాస్క్రిప్ట్ ఆబ్జెక్ట్ అవుతుంది.

డాటా పంపడం

మీరు డాటాను జావాస్క్రిప్ట్ ఆబ్జెక్ట్ లో నిల్వ చేసినప్పుడు, ఆబ్జెక్ట్ను JSON లోకి మార్చి సర్వర్ కు పంపవచ్చు:

实例

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

亲自试一试

డాటా అందుకోవడం

మీరు JSON ఫార్మాట్లో డాటా అందుకున్నప్పుడు, దానిని జావాస్క్రిప్ట్ ఆబ్జెక్ట్ లో సులభంగా పరివర్తించవచ్చు:

实例

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

亲自试一试

సర్వర్ నుండి JSON

సర్వర్ నుండి JSON అనుసంధానానికి AJAX అభ్యర్ధనలను ఉపయోగించండి:

సర్వర్ నుండి స్పందన JSON ఫార్మాట్లో వ్రాసినప్పుడు, మీరు స్ట్రింగ్ ను జావాస్క్రిప్ట్ ఆబ్జెక్ట్ లో పరివర్తించవచ్చు.

实例

సర్వర్ నుండి డాటా పొందడానికి 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