$(document).ready(function requestData(){
$.ajax({
url: "http://服务器IP:端口号/项目名/REST/服务类路径/接口名/"+接口参数,
type: "get",
dataType: "json",
success: function(data){
/*这个方法里是ajax发送请求成功之后执行的代码*/
showData(data);
},
error: function(msg){
alert("ajax连接异常:"+msg);
}
});
});
//把ajax传过来的数据展示出来
function showData(data) {
$("#expressId").html(data.ID);
$("#name1").html(data.sender.name);
$("#name2").html(data.receiver.name);
$("#telCode1").html(data.sender.telCode);
$("#telCode2").html(data.receiver.telCode);
$("#address1").html(data.sender.address);
$("#address2").html(data.receiver.address);
switch(data.type){
case 0:$("#type").html("文件");break;
case 1:$("#type").html("数码产品");break;
case 2:$("#type").html("生活用品");break;
case 3:$("#type").html("服饰");break;
case 4:$("#type").html("食品");break;
default:$("#type").html("其它");
}
$("#weight").html(data.weight+"kg");
//$("#weight").html(data.ID);
$("#time").html(data.accepteTime);
}
<table style="text-align: center;" border="1" >
<tr>
<td width="60"><img src="images/logo.png"></td>
<th width="180" style="text-align: center;">卓越快递</th>
<td width="60">订单号</td>
<td width="200"><span id="expressId"></span></td>
</tr>
<tr>
<td colspan="2">寄件人信息</td>
<td colspan="2">收件人信息</td>
</tr>
<tr>
<td width="60">姓名</td>
<td width="180"><span id="name1"></span></td>
<td width="60">姓名</td>
<td width="200"><span id="name2"></span></td>
</tr>
<tr>
<td width="60">联系方式</td>
<td width="180"><span id="telCode1"></span></td>
<td width="60">联系方式</td>
<td width="200"><span id="telCode2"></span></td>
</tr>
<tr>
<td width="60">详细地址</td>
<td width="180"><span id="address1"></span></td>
<td width="60">详细地址</td>
<td width="200"><span id="address2"></span></td>
</tr>
<tr><td colspan="4">货物信息</td></tr>
<tr>
<td width="60">快件类别</td>
<td width="180"><span id="type"></span></td>
<td width="60">快件重量</td>
<td width="200"><span id="weight"></span></td>
</tr>
<tr>
<td width="60">创建时间</td>
<td colspan="3"><span id="time"></span></td>
</tr >
<tr rowspan="3">
<td width="60">备注</td>
<td colspan="3"><span id="remarks"></span></td>
</tr>
</table>