JQuery Ajax操作

JQuery Ajax操作

      上回我们谈到Ajax操作分为JS Ajax、JQuery Ajax两种操作，上回具体讲解了JS Ajax操作，今天我们来小谈一下JQ Ajax操作

 

      何为JQ Ajax操作，即JQuery对JS ajax进行了封装，提供了$.ajax()底层操作，也是我们项目中使用最频繁的方法。

同时提供了$.get()..$.post()等快捷操作，方便我们进行请求的处理！

    其语法结构是：

$.ajax({
            url:"url",// 请求地址
            type:"get",
            data:{// 传递参数
                username:"admin",
                password:"123123"
            },
            dataType:"json",
            error:function() {/*请求失败时的操作*/
                // 系统超时等错误提示
            },
            success:function(data){/*请求成功时的回调函数*/
                // dom操作，处理数据
            }
        })

        $.get(
            "url",
            {username:"admin", password:"123"},
            function(data){

            }
        );
        $.post(
            "url",
            {username:"admin", password:"123"},
            function(data){

            }
        );

下面为一个具体JQ Ajax操作案例（注册界面）

    
    
    
    


  

    

        
        
    
      

        

            您好，感谢您加入i百联
            如有账号，请点击登录
        
          

              

                  

                            *
                      用户名:
                  
                  

                      
                  
              
              

                  

                         *
                      登录密码:
                  
                  

                      
                  
              
              

                  

                         *
                      确认密码:
                  
                  

                      
                  
              
              

                  

                            *
                      手机号:
                  
                  

                      
                  
              
              

                  

                             
                      验证码:
                  
                  

                      
                  
              
              

                  

                      *
                      短信验证码:
                  
                  

                      
                  
              
              

                  

                          
                      电子邮箱:
                  
                  

                      
                  
              
          
          

            我已同意并阅读
              《百联通会员注册协议》
              
立即注册 完成绑定
          
      
      

          关于我们 | 联系我们 |
           加盟合作 | 诚征英才 |
           友情链接

          上海百联全渠道电子商务有限公司 版权所有 | 沪ICP备15028847号

          联系地址：上海市普陀区真光路1258号百联中环广场6楼 | 联系电话：021-52629933 | 咨询热线：400-900-8800

          本企业已通过ISO9001:2000 质量管理体系标准认证 | 认证注册号：04206Q10079ROM | 认可注册号：CNAB042-Q | 增值

电信业务经营许可证：沪B2-20100062
      

其界面为

当通过接口获取数据成功时执行success函数

其结果为

或者