您的位置：首页 > Web前端 > JQuery

力所能及第五步用jQuery完成ajax

2014-12-15 14:48 127 查看
小狼这些天没能持续更新，跟大家说一声抱歉，今天小狼要讲的是用我们传说中的jQuery大神完成ajax操作，这主要是因为jQuery是一个jsp库，简化了我们在JavaScript的操作。像什么，检查是什么浏览器从而完成某个对象的创建就没有了，说了这么多，让我们来看看怎么操作吧。。。。

首先还是来看html的代码

<body>
<form action="ajax.do" method="post">
<p>用户名:<input type="text" name="username" id="username"/></p>
<p>密码:<input type="password" name="password" id="password"/></p>
<p><input type="button" name="login" id="login" value="登陆"/></p>
<div id="msg"></div>
</form>
</body>
定义了几个简单的input，相信大家都能看懂，，，然后又写了几个id，name标注

然后我们来看jQuery大神是怎么完成ajax的

<script type="text/javascript">
$(function(){
$("#username").mouseleave(function(){
var username=$("#username").val();

if(username==""){
$("#msg").html("用户名不为空");
return ;
}
//用get方式完成异步，用json形式完成数据的传输，回调函数
$.get("ajax.do",{username:username},function(data){

$("#msg").html(data);
})
});

});

</script>


简单吧，亲们，这是小狼童鞋亲身实践得出的结果。。。还有要说的是jQuery不支持true false这些，怎么把这些东西融合进去，亲们自己想想吧
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航