JQuery中的ajax实现
1.导入jquery包
2.写ajax
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
</head>
<body>
<p>
用户名:
<input type="text" id="name" onblur="a1()"/>
<span id="userInfo"></span>
</p>
<p>
密码:
<input type="text" id="pwd" onblur="a2()"/>
<span id="pwdInfo"></span>
</p>
<script>
function a1(){
$.post({
url:"http://localhost:8080/ajaxtest/login",
data:{"name":$("#name").val()},
success: function(data){
if(data.toString()=='ok'){//信息核对成功
$('#userInfo').css("color","green")
}else{
$('#userInfo').css("color","red")
}
$("#userInfo").html(data);
}
})
}
function a2(){
$.post({
url:"http://localhost:8080/ajaxtest/login",
data:{"pwd":$("#pwd").val()},
success: function(data){
if(data.toString()=='ok'){//信息核对成功
$('#pwdInfo').css("color","green")
}else{
$('#pwdInfo').css("color","red")
}
$("#pwdInfo").html(data);
}
})
}
</script>
</body>
</html>
query三种基本的选择器
$(’#id’) $(‘标签名’) $(’.class’）
$()这个是指页面加载完之后要干的事，里面可以写函数，页面加载完就运行里面的函数了
ajax:
$.get({
url:接口的url
data:提交的数据 （里面是键值对的形式）
success：function(data){} 回调函数，里面的data是后端返回来的数据
})
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
