js中创建和调用json

最新推荐文章于 2024-07-24 02:07:18 发布

原创最新推荐文章于 2024-07-24 02:07:18 发布 · 2.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #json #ajax

知识点专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在JavaScript中如何创建和转换JSON对象，包括从普通对象转化为JSON字符串以及将JSON字符串还原为对象。同时，讲解了JSON文件的语法格式，并展示了如何使用Ajax读取JSON数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中创建json

var jn={
    "id":{
        "textValue":"1"
    },
    "name":{
        "textValue":"1"
    },
    "filter":{
        "relation":"",
        "textValue":"1",
        "operation":{
        "textValue":"1"
    }
};

// 在这里时jn变量不是json对象，它只是一个普通的obj对象。

var str=JSON.stringify(jn);

// 在这里我们把jn的obj转成了json的字符串形式，

json=JSON.parse(str);

// 在这里我们把转好的json字符串变成json对象

// 这个是能转成json的字符串形式。

                  var s="{\"dd\":{\"ss\":\"ww\",\"ee\":\"rr\"}}";

//将字符串变成json

json=JSON.parseJSON(json);

// 这个是能转成json的字符串形式。

                  var s='{"dd":{"ss":"ww","ee":"rr"}}';

//将字符串变成json

json=JSON.parseJSON(json);

// 报错，不能转为json，因为它不认识’。只认识”

json文件语法格式

[
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
]

js利用Ajax读取json

function showJson(){  
    var test;  
    if(window.XMLHttpRequest){  
        test = new XMLHttpRequest();  
    }else if(window.ActiveXObject){  
        test = new window.ActiveXObject();  
    }else{  
        alert("请升级至最新版本的浏览器");  
    }  
    if(test !=null){  
        test.open("GET","test.json",true);  
        test.send(null);  
        test.onreadystatechange=function(){  
            if(test.readyState==4&&test.status==200){  
                //读取json文件并转为json对象
                var obj = JSON.parse(test.responseText);  
                for (var name in obj){  
                    alert(obj[name].firstName+obj[name].lastName);  
                }  
            }  
        };  
    }  
}  

//调用函数showJson(
window.onload=function(){  
  showJson();  
};