封装ajax解析1json文件.html

//拼接请求参数

obj = {

method:"get",

url:"1.json",

data:"",

successFun:successFun,

failFun:failFun

}

// 调用AJAX请求函数

ajaxFun(obj)

// 请求成功的回调函数

function successFun(data){

// 解析请求下来的数据, 把返回的json数据转换为js对象

var resultObj = JSON.parse(data)

//获取到shop_data属性的数组

var shop_datas = resultObj.shop_data

//遍历获得所需要的数据并拼接到页面

for(var i in shop_datas){

var tr = document.createElement('tr')

var td_id = document.createElement('td')

var td_name = document.createElement('td')

var td_ico = document.createElement('td')

var td_mobile = document.createElement('td')

var td_det = document.createElement('td')

td_id.innerHTML = shop_datas[i].shop_id

td_name.innerText = shop_datas[i].shop_name

td_mobile.innerHTML = shop_datas[i].mobile

td_det.innerHTML = shop_datas[i].addr_detail

var table = document.getElementsByTagName("table")[0]

table.appendChild(tr)

tr.appendChild(td_id)

tr.appendChild(td_name)

tr.appendChild(td_ico)

tr.appendChild(td_mobile)

tr.appendChild(td_det)

var img = document.createElement('img');

img.src = shop_datas[i].shop_ico;

td_ico.appendChild(img);

}

}

function failFun(data){

alert(data)

}

你可能感兴趣的:(封装ajax解析1json文件.html)