通过ajax对象请求JSON格式的数据1

最新推荐文章于 2024-04-26 21:37:59 发布

zhou_nj

最新推荐文章于 2024-04-26 21:37:59 发布

阅读量2.2k

点赞数

文章标签： json

本文链接：https://blog.csdn.net/zhou_nj/article/details/120377679

版权

本文介绍了如何从本地json文件中获取数据。强调了json文件的格式要求，如对象和数组的定义，以及禁止使用单引号。通过四个步骤阐述了使用Ajax对象请求JSON的流程，包括创建XMLHttpRequest对象、初始化请求、发送请求和监听状态。并提供了一个示例代码。

摘要由CSDN通过智能技术生成

1.xxx.json文中，里面可以定义对象和数组。json文件中不能定义注释。注意：对象的属性名称必须用双引号引起来，字符串属性值必须用双引号引起来，不能使用单引号。

{
    "name":"周杰伦",
    "age":20,
    "gender":"男",
    "isVip":true
}

2.通过ajax对象请求本地的json文件，获取里面保存的数据步骤：1.创建XMLHttpRequest对象，该对象就是ajax对象。2..初始化请求:通过open()方法初始化请求，该方法的第一个参数是参请求方式，可选值包括：GET 和 POST. 该方法的第二个参数是请求地址：我们这里是请求一个本地的json文件。3.发送请求。4.通过onreadystatechange事件，监听请求数据的状态

3.示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON格式的数据</title>
    <style>
        #stu{
            width: 200px;

最低0.47元/天解锁文章

zhou_nj

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
通过ajax对象请求JSON格式的数据1

1.xxx.json文中，里面可以定义对象和数组。json文件中不能定义注释。注意：对象的属性名称必须用双引号引起来，字符串属性值必须用双引号引起来，不能使用单引号。{ "name":"周杰伦", "age":20, "gender":"男", "isVip":true}2.通过ajax对象请求本地的json文件，获取里面保存的数据步骤：1.创建XMLHttpRequest对象，该对象就是ajax对象。2..初始化请求:通过open()方法初始化请求，该方...
复制链接

扫一扫