ajax怎么获取json数据并输出

新建一个html文件，定名为test.html，用于讲解ajax怎么获取json数据并输出。

在test.html中，利用script标签加载jquery.min.js文件，这是利用jquery方式的前提。

在test.html页面中，建立一个button按钮，用于实现点击经由过程ajax请求获得json数据，在button下面再建立一个p元素，用于json数据的显示。

新建一个文件名为ajax_json的js文件，在文件里面建立一个json数据，如下图：

在test.html页面，给button绑心猿意马click点击事务，当按钮被点击时，利用getJSON方式获得ajax_json.js里面的json数据，同时经由过程function方式进行数据的输出。

在function方式里面，利用each（）方式遍历json数据的内容，并利用append()方式把json里面的内容添加到p元素内。

在浏览器运行test.html文件，点击“获得JSON数据”按钮，查看返回的json数据信息。

0 条评论