1、第一步,双击打开HBuilderX工具,新建一个页面,默认使用HTML5模板,如下图所示:
2、第二步,在第一步中的页面引入jQuery文件,并在主体元素中插入一个input输入框,如下图所示:
3、第三步,再在对应的文件夹下,新建一个JSON文件,输入对象和属性,如下图所示:
4、第四步,在jquery初始化函数中,添加ajax方法,打印成功之后的结果,如下图所示:
5、第五步,保存代码并打开浏览器查看结果,结果出现404,找不到json文件,如下图所示:
6、第六步,将ajax方法改为getJSON方法,然后将获取的结果放置到输入框里,如下图所示: