html js局部自动刷新,js局部刷新html

需要根据请求服务器的不同数据来更新：

type: 'POST',

data: {officeid: officeid, addressid: addressid},

dataType: "json",

success: function(res){

refreshlist(res.list);

},

error: function() {

alert("网络异常，请重试。");

}

});

主要是refreshlist刷新方法：

function refreshlist(list) {

var result = '';

for (var i = 0; i 

var obj = list[i];

result += '

'

result += obj['office_name'] + '

';

result += '

';

for (var j = 0; j 

var item = obj['list'][j];

result += '

' + item['job_name'] + '

';

result += ' / ' + item['people_number'] + '人

';

result += '

岗位职责：

';

for (var k = 0; k 

result += '

'+ item['content'][k] + '

'

}

result += '

岗位要求：

';

for (var l = 0; l 

result += '

'+ item['content_post'][l] + '

'

}

result += '

}

result += '

';

}

$("#zp_list").html(result);

}

可以看到我们采用拼接html的方式，然后通过 $("#zp_list").html(result);来更新html，zp_list为div的id。