新建一个html文件， 定名为test.html， 用于讲解ajax怎么获取json数据并输出 。
文章插图
2在test.html中， 利用script标签加载jquery.min.js文件， 这是利用jquery方式的前提 。
文章插图
3在test.html页面中， 建立一个button按钮， 用于实现点击经由过程ajax请求获得json数据， 在button下面再建立一个p元素， 用于json数据的显示 。
文章插图
4新建一个文件名为ajax_json的js文件， 在文件里面建立一个json数据， 如下图：
文章插图
5在test.html页面， 给button绑定click点击事务， 当按钮被点击时， 利用getJSON方式获得ajax_json.js里面的json数据， 同时经由过程function方式进行数据的输出 。
文章插图
6在function方式里面， 利用each方式遍历json数据的内容， 并利用app()方式把json里面的内容添加到p元素内 。
文章插图
7【ajax怎么获取json数据并输出】在浏览器运行test.html文件， 点击“获得JSON数据”按钮， 查看返回的json数据信息 。
文章插图
文章插图
以上内容就是ajax怎么获取json数据并输出的内容啦， 希望对你有所帮助哦！
推荐阅读
- 华为p30怎么设置闹钟铃声
- 怎么获取页面发送的ajax请求
- 百度账号怎么注销
- jquery中的ajax方法如何发送同步请求
- 狗粮怎么泡软
- 怎么当好一名空姐
- 怎么给同事送礼物？
- 怎样判断兰花缺水，怎么看该不该浇水
- 栀子花长红蜘蛛怎么办
- 白花小松叶子发黄怎么办