手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用JavaScript中的两种方法获取JSON数据

时间:2024-10-17 07:46:32

1、第一步,双击打开HBuilderX工具,新建一个页面,默认使用HTML5模板,如下图所示:

如何使用JavaScript中的两种方法获取JSON数据

2、第二步,在第一步中的页面引入jQuery文件,并在主体元素中插入一个input输入框,如下图所示:

如何使用JavaScript中的两种方法获取JSON数据

3、第三步,再在对应的文件夹下,新建一个JSON文件,输入对象和属性,如下图所示:

如何使用JavaScript中的两种方法获取JSON数据

4、第四步,在jquery初始化函数中,添加ajax方法,打印成功之后的结果,如下图所示:

如何使用JavaScript中的两种方法获取JSON数据

5、第五步,保存代码并打开浏览器查看结果,结果出现404,找不到json文件,如下图所示:

如何使用JavaScript中的两种方法获取JSON数据

6、第六步,将ajax方法改为getJSON方法,然后将获取的结果放置到输入框里,如下图所示:

如何使用JavaScript中的两种方法获取JSON数据
© 手抄报圈