Ajax
**1.什么是Ajax:**
Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以 使网页实现异步更新。
**2.Ajax的优缺点:**
优点:
(1)能在不更新整个页面的前提下维护数据
(2)Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行
缺点:
(1)它可能破坏浏览器的后退与加入收藏书签功能
(2)进行Ajax开发时,网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑
例子:
<body>
<form>
请输入账号:<input type="text" id="uname"/>
<span id="msg"></span><br/>
请输入密码:<input type="text"/><br/>
<input type="submit"/>
</form>
</body>
<script type="text/javascript">
$('#uname').blur(function(){
var str=$('#uname').val();
$.post('目的地','参数值'+str,function(data){
if(data=='true'){
$('#msg').html('改昵称已注册');
}else{
$('#msg').html('改昵称可以注册');
}
});
})
效果图:
输入账号
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190321190959739.png)
当光标离开后
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019032119101636.png)