ajax获得渲染过的html,jquery方式ajax获取数据并渲染页面

var newsData = '';

var mydata = {"pageNum":obj.curr,"pageSize":"5"}; //参数

newsData = getData(mydata); //通过ajax获取数据

pageNum = newsData.pageNum;

$(".news_content").html(showList(newsData.list)); //渲染到页面上

function getData(mydata){

var thisData;

$.ajax({

type: "post",

url: "http://127.0.0.1:8888/api/dict/list",

data: JSON.stringify(mydata), //如果是json对象的需要转成字符串

contentType: "application/json",//提交参数格式为json数据

dataType: "json", //返回值也是json数据

async: false, //如果用异步，可能不等后台执行完就走回调函数，导致渲染页面失败

success: function (data) {

thisData = data.data;

}

})

return thisData;

}

//渲染页面，拼接html

function showList(currData){

var dataHtml = '';

if(currData.length != 0){

for(var i=0;i

dataHtml += '

'

+'

'

+''

+'

'+currData[i].type+''

+'

'+currData[i].dictkey+''

+'

'+currData[i].dictvalue+''

+'

'+currData[i].remark+'';

dataHtml += '

'+currData[i].ordernum+''

+'

'

+'

'+currData[i].createtime+''

+'

'

+ ' 编辑'

+ ' 收藏'

+ ' 删除'

+'

'

+'

';

}

}else{

dataHtml = '

暂无数据';

}

return dataHtml;

}