关于jQuery实现Ajax异步请求进行数据验证[原创]_Tomcat, WebLogic及J2EE讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Tomcat, WebLogic及J2EE讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 4437 | 回复: 0   主题: 关于jQuery实现Ajax异步请求进行数据验证[原创]        下一篇 
wzj
注册用户
等级:新兵
经验:67
发帖:64
精华:0
注册:2011-11-15
状态:离线
发送短消息息给wzj 加好友    发送短消息息给wzj 发消息
发表于: IP:您无权察看 2011-11-15 17:40:52 | [全部帖] [楼主帖] 楼主

     我们知道使用jQuery比Ajax更方便、开发效率要更高,jQuery的口号是“write less,do more”,Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库,jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

     jQuery有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

       下面简单介绍下使用jQuery进行异步请求不刷新数据验证,以下代码是我通过记忆写出来的(之前写过并调试成功),如果有问题,请与本人联系,谢谢!

<script type="text/javascript">
function check(){
      var userName=$("#userName");
      var uNValue=userName.val();
      var url="registerAction?user.userName="+uNValue;
      $.get(url,null,callBack);
}
function callBack(data){
var jqueryObj=$(data);
var sMesg=$("mesg");
sMesg.html(jqueryObj.val());
}
</script>
<form>
userName:<input type="userName" id="userName" onblur="check()"/><span id="mesg"></span><br/>
<input type="sumit" value="提交">
</form>




赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论