js 操作json数据

从json文件获取数据

$(function(){
            $.ajax({
                type: "POST",//请求方式
                url: "item.json",//地址,就是json文件的请求路径
                dataType: "json",//数据类型可以为 text xml json  script  jsonp
          success: function(result){//返回的参数就是 action里面所有的有get和set方法的参数
                    addBox(result);
                }
            });
            /*$.get("item.json",function(result){
                //result数据添加到box容器中;
                addBox(result);
            });*/
        });
function addBox(result){
            //result是一个集合,所以需要先遍历
            $.each(result,function(index,obj){
                $("#box").append("
"+//获得图片地址 "
"+ //获得名字 "
"+obj['name']+"
"+ //获得性别 "
"+obj['sex']+"
"+ //获得邮箱地址 "
"+obj['email']+"
"+ "
"); }); }

#就是Id选择器

 

你可能感兴趣的:(js 操作json数据)