<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta http-equiv="content-security-policy">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="css/mui.min.css" rel="stylesheet" />
<style>
body,
.mui-content {
background: white;
}
.mui-bar {
box-shadow: none;
}
.mui-content {
width: 90%;
margin: 37px auto;
}
.btn1 {
margin-right: 50px;
border: none;
}
.mui-input-row label {
font-family: 'Helvetica Neue', Helvetica, sans-serif;
line-height: 1.1;
float: left;
padding: 11px 15px;
}
.mui-input-row .mui-btn {
width: 23%;
box-sizing: border-box;
right: 0px;
padding: 8px 0px;
}
.mui-btn-outlined {
margin-top: 4px;
color: #FF2524;
border: none;
}
.mui-input-row .mui-btn~input,
.mui-input-row .mui-btn~select,
.mui-input-row .mui-btn~textarea {
float: left;
width: 40%;
margin-bottom: 0;
padding-left: 0;
border: 0;
}
.mui-checkbox input[type=checkbox]:before,
.mui-radio input[type=radio]:before {
font-family: Muiicons;
font-size: 20px;
font-weight: 300;
line-height: 1;
text-decoration: none;
color: #aaa;
border-radius: 0;
background: 0 0;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
}
.mui-checkbox input[type=checkbox]:checked:before,
.mui-radio input[type=radio]:checked:before {
color: #FF2524;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">注册</h1>
</header>
<div class="mui-content">
<div class="mui-content-padded">
<form class="mui-input-group">
<div class="mui-input-row">
<label>账号</label>
<input type="text" class="mui-input-clear" placeholder="请输入手机号" id="username">
</div>
<div class="mui-input-row">
<label>密码</label>
<input type="text" class="mui-input-clear" placeholder="密码" id="password">
</div>
<div class="mui-content-padded">
<button type="button" class="mui-btn mui-btn-block" style="background: #FF2524;color: wheat;border-radius:55px ;" id="reg">注册</button>
</div>
</form>
</div>
</div>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
mui.plusReady(function() {
var username = document.getElementById("username");
var password = document.getElementById("password");
var url = 'http://yhy.27qu.com/Xndex/insert';
var reg = document.getElementById("reg");
reg.addEventListener('tap', function() {
if(username.value.length == 0) {
plus.ui.toast("用户名不能为空");
return;
}
if(password.value.length == 0) {
plus.ui.toast("密码不能为空");
return;
}
mui.ajax(url, {
data: {
username: username.value,
password: password.value
},
dataType: 'jsonp',
type: 'get',
timeout: 10000,
success: function(data) {
//判断不执行
if(data.status == 1) {
console.log('头疼');
} else {
//能输出data信息
console.log(data);
//状态信息输出不了
//主要是这个状态 打印输出是个什么都没有
//[LOG] :
console.log(data.status);
//检测判断为false
console.log(data.status == 1);
}
},
error: function() {
console.log('失败了');
}
})
})
})
</script>
</body> </html>
求大神 救命，我是新手小白。后台给的接口，不知道是否跨域。自己感觉跨域。请求成功后，拿不到后台的状态值。能拿到data的返回值。我应该怎么改。这个问题困扰了我好久。一直未能解决。
2 个回复
张良 (作者)
为什么 代码成这样了？
张良 (作者)
<script type="text/javascript">
mui.init()
mui.plusReady(function() {
var username = document.getElementById("username");
var password = document.getElementById("password");
var url = 'http://yhy.27qu.com/Xndex/insert';
var reg = document.getElementById("reg");
reg.addEventListener('tap', function() {