ajax应用

阅读更多

前端与后台合作过程中，提供接口，请求参数，返回参数等，这些在项目合作中是必不可少的。

这样就要用到ajax来请求。

下面做一个简单例子来说明这些，同时作为记录。

A项目接口

A项目设置是否同步B项目接口

接口的作用：A项目设置是否同步B项目

接口联系人：[email protected]

接口的完整链接：http://

HTTP请求的方式：POST

请求参数的含义：userid：XX用户id    

                            sync：   1同步   0 不同步

返回参数的含义：

                          返回json格式

                          ｛

                                 “errorcode”：0，                            

                                  ”errormsg“：”sucess“

                            ｝

                           errorcode：-0   正常

                                              小于 0 是吧  errormsg里面是错误信息

 

以上是后台开发人员给我们的接口和请求参数

那么我们就要根据这个来进行我们的ajax编码

：

因为  0是不同步，1 是同步，，这里的同步和不同步就是页面中的两个按选按钮  我们设置input 里面的value是0 还是1，

设置好后，点击保存，就要来发ajax请求以及返回数据。

代码：

$("save").click(funcition(){
    var isSyncXcs =$('input:radio[name="sync"][checked="checked"]').val();
    $.ajax({
        url:'http://',
        type:'POST',
        data:{userid:userid,sync:isSyncXcs},
        success:function(data){
              if(data.errorcode == 0){//这里是判断获取到的数据是否正常
                  var isSyncXcs = $('input:radio[name="sync"][checked="checked"]').val();
                   //保存成功
                   if(isSyncXcs == 0){
                        $(".aa").hide();
                   }else if(isSyncXcs == 1){
                        $(".bb").show();
                   }
              }else{
                  alert(data.errormsg);
              }
        },
        error:function(data){
            //错误处理
            alert(data.errormsg);
        }
    });



});

 

 

我们页面上有：外层div class=“aa” 里面有两个input，一个保存（class="save"），一个取消

        另外一个div class=“bb”

就是如果是1，为同步，zebb显示，

 

就这么简单，，把项目的业务逻辑理理清楚，一步一步来很easy