jquery ajax 获取 json 文件数据

最新推荐文章于 2021-03-28 21:20:46 发布

原创最新推荐文章于 2021-03-28 21:20:46 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax #json #jquery ajax #ajax json #ViewUI

wuxis04325 专栏收录该内容

9 篇文章

订阅专栏

本文通过一个具体的实例展示了如何使用 jQuery 的 AJAX 功能来获取 JSON 数据，并遍历这些数据进行处理。具体步骤包括设置 AJAX 请求参数如类型、URL 和数据类型等，并在成功回调函数中利用 $.each 方法遍历返回的数据。

分享一个jquery ajax的使用实例。

json数据

[
    {"name":"project1"},
    {"name":"project2"},
    {"name":"project3"},
    {"name":"project4"},
    {"name":"project5"},
    {"name":"project6"},
]

ajax请求

$.ajax({     
    type:"POST",//请求方式
    url:project.json,//请求路径
    dataType: "json",//数据格式
    success: function(resultData){//成功处理函数     	
	$.each(resultData,function(i,item){//遍历返回json数据，i为数据号，item当前数据
	    alert(item.name);//弹出每一个project
	})//多多注意括号，没有;结束符
    }
})