1***@qq.com
1***@qq.com
  • 发布:2016-10-18 11:37
  • 更新:2016-10-18 11:37
  • 阅读:1279

json数据显示在页面知道位置

分类:MUI

这是js代码:
mui.plusReady(function(){
document.getElementById("btn").addEventListener('tap',function(){
var _url = 'http://192.168.1.103:8080/pyu/carDriverController/getById.py';
var logininfo = {
carDriverId: '3'//POST方法提交的用户名
}
mui.ajax(_url, {
data: logininfo,
dataType: 'json', //要求服务器返回json格式数据
type: 'post', //HTTP请求类型,要和服务端对应,要么GET,要么POST
timeout: 10000, //超时时间设置为10秒;
beforeSend: function() { //发送之前,可以打一下看看提交的参数(如果是变量)
console.log('beforesend!' + JSON.stringify(logininfo))
plus.nativeUI.showWaiting(); //关闭转圈
},
success: function(data) {
console.log(JSON.stringify(data));//成功,则打一下返回的数据
document.getElementById("con").innerHTML=JSON.stringify(data);
},
error: function(xhr, type, errorThrown) { //失败,打一下失败的类型,主要用于调试和用户体验
console.log('AJAX:|T:' + type + '|H:' + xhr.responseText);
if(type == 'timeout') {
mui.toast("请求超时:请检查网络")
} else {
mui.toast('请求失败:' + type + '\n err:' + errorThrown);
}
},
complete: function() {
console.log('userLogin:关闭转圈')
plus.nativeUI.closeWaiting(); //关闭转圈
}
}); //ajax end

            });  
        });  

<div class="mui-content">
<button id="btn">获取</button><br/>
<div id="con"></div>
</div>

获取的数据格式是这种:
{"message":null,"data":{"carDriverStart":3,"carDriverId":3,"carDriverCode":"11111","carDriverType":"2","carDriverName":"张五1","carDriverIdNumber":"513701119931025544","carDriverIdImage":"2323.jpg","carDriverLicenseImage":"","carDriverTelephone":"18302859600","carDriverArea":"102","carDriverLevel":null,"carDriverDeclaration":null,"carDriverTrainLevel":null,"carDriverStartLevel":null,"carDriverContractImage":null,"carDriverHomeAddress":null,"carDriverUrgentMan":null,"carDriverRegisteredDate":null,"carDriverLoadPrice":null,"carDriverNoPrice":null,"carDriverRemarks":"12312"},"success":true}

这么把它显示在页面的指定位置,比如放在table里。

2016-10-18 11:37 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复