一个简单的模拟ajax如何获取json数据的实例

自己写了一个模拟数据文件queryList.json,表单中的内容都是数据循环出来的,在本实验中需要引入jquery文件,下面简单展示如何用jq的ajax获取json数据。

 

先看效果图:

一个简单的模拟ajax如何获取json数据的实例_第1张图片

 queryList.json

{
			"animals":[
		{
			"id":1,
			"name":"dog",
			"age":3
		},
		{
			"id":2,
			"name":"kitty",
			"age":2
		},
		{
			"id":3,
			"name":"cat",
			"age":4
		}
		]
}

 json数据展示截图:

 一个简单的模拟ajax如何获取json数据的实例_第2张图片

 

 

 testjson.html



	
		
		
		
	

	
		
获取模拟json数据
编号 姓名 年龄

好了,一个简单的ajax调取数据就完成了。

 

你可能感兴趣的:(一个简单的模拟ajax如何获取json数据的实例)