ajax请求json中的数据
在这里不多说,直接可以运行代码看效果:
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="../css/layer.css">
<script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<input type="text" id="ipt">
<button id="btn">点击</button>
<script src="layer.js"></script>
<script>
document.getElementById(\'btn\').onclick = function() {
// layer.msg(\'hello word\');
var ipt = document.getElementById(\'ipt\').value;
if (!ipt) {//若input的value值为空,则弹出内容
layer.open({
title:\'提示\',
content:\'输入验证码\',
skin: \'demo-class\'
});
return;//结束函数体
}
$.ajax({
url: \'../pages/admin/view/login/login.json\',
type: \'post\',
dataType: \'json\',
data: {
ipt: \'ipt\'
},
success:function(res){
layer.msg(\'提交成功\',{icon:1});
console.log(res);
}
})
}
</script>
</body>
</html>
在这里请求的json数据,内容为:
code----表示服务器端传递的状态,即状态为0时,信息为message
{
"code":"0",
"message":"hahah"
}
相关文件下载,可直接运行查看效果;链接:https://pan.baidu.com/s/17YkdIF9UQHyt_8RrrliRFw 密码:lc71