js后台接收数据进行字符串！

js发送ajax接收数据进行字符串拼接暨三元表达式！

一、页面需要动态将后台数据展示在页面上

二、HTML准备

<div class="LdtHtgl_public_table">
			<table width="100%" class="IpadHtgl_deviceAdmin_table" >
  				<tr class="LdtHtgl_device_head">
     				<th>序号</th>
     				<th>用户名</th>
     				<th>用户状态</th>
     				<th>姓名</th>
     				<th>手机号</th>
     				<th>详细地址</th>
     				<th>学校</th>
     				<th>年级</th>
     				<th>身份</th>
     				<th colspan="3">操作</th>
  				</tr>
  				<tr>
     				<td>1</td>
     				<td>xuesheng03</td>
     				<td>在线</td>
     				<td>教育</td>
     				<td>12312312312</td>
     				<td>13132121312</td>
     				<td>第十八中学</td>
     				<td>一年级</td>
     				<td>学生</td>
     				<td><div>重置密码</div></td>
     				<td><div>解除绑定</div></td>
     				<td><div>修改状态</div></td>
  				</tr>
			</table>
		</div>
		<!--显示页数-->
		<div class="LdtHtgl_public_foot IpadFoot">
			<span>第<span>1</span>页/共<span>1</span>页</span>
				<span>共<span>1</span>条</span>
				<span onclick="IpadHtgl_pageStart()" style='cursor: pointer;'>首页</span>
				<span onclick="IpadHtgl_pageUp()" style='cursor: pointer;'>上一页</span>
				<span onclick="IpadHtgl_pageDown()" style='cursor: pointer;'>下一页</span>
				<span onclick="IpadHtgl_pageEnd()" style='cursor: pointer;'>末页</span>
				<span>跳转至<input type="number" value="1" min="1" max='10'/><span>页</span
			</span>
		</div>
		

三、JS准备

	app.preloader.show();
	IpadHtgl_search_keyWords=""；
	app.preloader.show();
	var insertforumPages={};
	var temp='';
	insertforumPages["entyVo"] ={}
	insertforumPages["pageSize"] = 12;
	insertforumPages["selectPage"] = 1;
	app.methods.post("ipad/findipad.do",insertforumPages ,function (message){
		IpadHtgl_selectPage=message.selectPage
		console.log(message)
		IpadHtgl_pageCount=message.pageCount
		$('.IpadFoot').children().eq(0).children().eq(0).html(message.selectPage)
		$('.IpadFoot').children().eq(0).children().eq(1).html(message.pageCount)
		$('.IpadFoot').children().eq(1).children().eq(0).html(message.itemCount)
		$('.IpadFoot input[type="number"]').attr('max',message.pageCount)
		$('.IpadFoot input[type="number"]').on("change",function(){
		getIpadHtgl($('.IpadFoot input[type="number"]')[0].value,12,IpadHtgl_search_keyWords)
	})
		if(message.pageList.length==0){
			temp="<tr><td colspan='8'>暂无数据</td></tr>"
			$('.IpadHtgl_deviceAdmin_table').children().append(temp)
		}else{
			for(i=0;i<message.pageList.length;i++){
			temp="<tr lab='"+message.pageList[i].CNUUID+"'>" +
			"<td>"+message.pageList[i].ROWN+"</td>" +
			"<td>"+message.pageList[i].CONSUMERNAME+"</td>" +
			/*特别注意*/
			"<td>"+(message.pageList[i].userstate=1 ? '已授权':'未授权')+"</td>" +
			"<td>"+(message.pageList[i].REALNAME || '未知')+"</td>" +
			"<td>"+(message.pageList[i].PHONE || '未填写')+"</td>" +
			"<td>"+message.pageList[i].COUNTRY+"</td>" +
			"<td>"+message.pageList[i].SCHOOL+"</td>" +
			"<td>"+message.pageList[i].CONTENT+"</td>" +
			"<td>"+(message.pageList[i].RANK != "1" ? '老师':'学生')+"</td>" +
			"<td><div οnclick='IpadHtgl_Reset(this)' lab='"+message.pageList[i].CNUUID+"'>重置密码</div></td>" +
			"<td><div οnclick='IpadHtgl_relieve(this)'>解除绑定</div></td>" +
			"<td><div οnclick='IpadHtgl_modify(this)'>修改状态</div></td>" +
			"</tr>";
			$('.IpadHtgl_deviceAdmin_table').children().append(temp)
		}
	}
		app.preloader.hide();
})
		        

四、下页和上页的点击就暂时不在这里记录了！（因为大佬们也用不到。0_0!）

特别记录说明：在后台返回来的值中没有数据显示为null，在项目里会直接展示，为了更好的页面效果通过三元表达式将null转换。

1，(message.pageList[i].userstate=1 ? ‘已授权’:‘未授权’) 进行判断来显示；
2，(message.pageList[i].REALNAME || ‘未知’) 不用判断来显示。