jQuery通过ajax获取服务端数据


$(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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值