模拟请求本地数据

最新推荐文章于 2023-04-07 16:40:27 发布

原创最新推荐文章于 2023-04-07 16:40:27 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍如何使用AJAX请求从本地JSON文件中获取数据，并解析可能遇到的错误情况，如非JSON格式响应导致的解析失败。

1.新建一个json文件，用来写本地数据

[
	{
		"name":"jack",
		"info":"信息1",
		"id":"1"
		
},
{
		"name":"tom",
		"info":"信息2",
		"id":"2"
		
},
{
		"name":"rose",
		"info":"信息3",
		"id":"3"
		
},

]

发送一个 ajax 请求，来拿到本地的数据

//假设json数据的文件名是 test.json
$ajax({
	url:'./test.json'//数据地址
	dataType:'json',//希望后端返回的数据类型
	success:function(res){
	//		请求数据成功时的回调函数
	console.log(res)
}
	error:function(){
	// 请求失败时的回调函数
	console.log('数据请求失败了')
}

}

)

注意

$ajax 中的失败的回调，不仅仅会在请求失败的时候触发，当 dataType 写成 json 的时候，jQuery 会帮我们执行 JSON.parse（），但是当后端返回的不是一个 json 格式的字符串的时候，执行JSON.parse()就会报错，也会执行失败的回调函数，请求虽然成功了，但是解析失败了，也是失败。