脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JQueryѧϰ(5-AJAX)，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

1. 异步请求用户名是否以注册

1.1 简单的HTML界面

             
Register
             
                 Please choose a user name: name taken, please choose another
                 Please choose a password: password must not be blank
                 First Name: 
                 Last Name: 
                 E-mail: please enter a valid e-mail address
                 
Photography Interests (choose all that apply)
                                                    
You can update your interests at any time by modifying settings in "My Account".
             
         

1.2 绑定事件到文本框失去焦点，使用POST方式提交请求。

：参数1设定异步请求的路径；参数2传递了提交的数据，且数据键值对中值需要引号；参数3对服务器返回的数据进行处理；参数4设置服务器端返回的数据类型；

$('#PEnewuser').blur(function() {      VAR newName = $(this).val();      $.post('inc/peRegister.php', {          formName: 'register',          penewuser: newName      }, function(data){       var usernameCount = data;       if(1 == usernameCount){        $('#penewuser').next('.error').css('display', 'inline');       } else {        $('#penewuser').next('.error').css('display', 'none');       }   }, 'htML');  });

1.3 异步提交FORM表单。

：取消submIT的默认操作，然后序列化表单数据。

 $('#registerForm').submit(function(e) {   e.preventDefault();   var formData = $(this).serialize();   $.post('inc/peRegister.php', formData, function(data) {     var MySQLError = data;    if(mySQLError > 0){           /*            *  error deal            */   }, 'html');  });

1.4 AJAX调用之前和之后的触发事件

：jquery提供了4中方法通知用户AJAX状态，ajaxStart、ajaxSend、ajaxComplete、ajaxStop。ajaxStart会在AJAX请求发出后尽快被调用，该方法可以绑定到DOM中的任何元素。

ajaxStart会调用模式加载指示器，一旦POST过程完成后，ajaxStop方法被触发，导致模式等待指示器淡出。

 $('body').ajaxStart(function(){ })

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JQueryѧϰ(5-AJAX)全部内容，希望文章能够帮你解决javascript代码实例教程-JQueryѧϰ(5-AJAX)所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。