Ajax的前端应用

最新推荐文章于 2023-12-03 13:20:04 发布

douyunqian668

最新推荐文章于 2023-12-03 13:20:04 发布

阅读量307

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/douyunqian668/article/details/52927218

版权

Javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>

<div>
<p>用户名:<input type="text" id="username"></p>

</div>
<div>
<p>密码:<input type="password" id="password"></p>
</div>
<input type="button" value="提交" οnclick="SumbitForm();">
<script src="/static/jquery-1.12.4.js"></script>
<script>
function SumbitForm() {
$.ajax({
url:"/web/ajaxdemo/",
type:"POST",
data:{"user": $.trim($("#username").val()),"pwd": $.trim($("#password").val())},
success:function(data){
console.log(data);
var dataDict= JSON.parse(data);
if(dataDict.static){
location.href="http://www.baidu.com";

}else{
alert(dataDict.message);
}

}

})
}

</script>
</body>
</html>