[原创]使用jquery内置的ajax功能进行异步验证_Tomcat, WebLogic及J2EE讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Tomcat, WebLogic及J2EE讨论区 »
总帖数
2
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 3534 | 回复: 1   主题: [原创]使用jquery内置的ajax功能进行异步验证        下一篇 
FDY1
注册用户
等级:网站编辑
经验:436455203
发帖:23
精华:2
注册:2013-3-6
状态:离线
发送短消息息给FDY1 加好友    发送短消息息给FDY1 发消息
发表于: IP:您无权察看 2013-3-7 14:37:29 | [全部帖] [楼主帖] 楼主

ajax作为一种混合技术,在web编程中大放异彩.最早由谷歌提出的ajax主要是使用浏览器的内置XMLHTTPRequest来异步发送请求.响应图片,响应部分文字,页面只有局部刷新,这个技术极大地提高了用户的体验,比如在浏览器中输入一小段文字,就弹出部分类似信息供你参考,google earth也使用了这种技术.jquery是一种非常流行的js框架.它提供了丰富的功能给js开发者,内建的js方法中ajax方方法也十分强大,今天就来说一说ajax在jquery中的使用.

var flag = false;
function check_user() {
      $('#username_msg').html('');
      $.ajax( {
            url : "check_checkUserByName",
            type : 'post',
            data : 'message.toid=' + $('#toId').val(),
            dataType : 'json',
            success : function(data) {
                  if (data.check == 'exists') {
                        $('#username_msg').html('该用户名存在,可以发送');
                        $('#username_msg').css('color', 'green');
                        flag = true;
                  } else {
                  $('#username_msg').html('该用户名不存在');
                  $('#username_msg').css('color', 'red');
            }
      }
});
return flag;
}


url:发送请求的路径.
type:请求的类型.
data:发送的数据.
datatype:返回的数据类型.
success:成功以后的回调函数.
这样就可以在成功接收后,改变每一个div的样式.




赞(0)    操作        顶端 
fangdingyu
注册用户
等级:少校
经验:1238
发帖:55
精华:25
注册:2013-3-6
状态:离线
发送短消息息给fangdingyu 加好友    发送短消息息给fangdingyu 发消息
发表于: IP:您无权察看 2013-3-8 8:42:06 | [全部帖] [楼主帖] 2  楼

楼主厉害啊!真犀利!



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