Ajax 前端与后台交互 博客分类： Jquery ajax web前端ajax前后端交互

• 前端后端交互是比较正常的事情。例如登录这样一个功能：

1. 整体的思路和逻辑是这样的：我需要获取用户名和密码，将用户名和密码组合成一个对象，传给后台服务器后台服务器会进行匹配将返回来的数据给前端，前端根据返回的数据判断是否成功登陆。以下是通过ajax实现这个过程：
2. url ：         代表登录功能需要访问的接口
   method：  代表前端是需要向服务器发送数据（POST），还是在服务器获取数据（GET）
   data ：      代表前端需要向后端传递的数据对象
   success ：代表前端向后台发送请求成功时，调用此函数，并可以展示服务器返回的数据，根据返回的数据进行前端页面的操作
   error ：     代表前端向后端请求失败时，调用此函数，如：网络连接失败
   
   以下是简写：
   
   

   $.ajax({
                   url: "http://182.92.161.230:3000/session/login",
                   method:'POST',
                   data: {},
                   success: function (data) {
                   },
                   error: function () {
                   }
               });

     
   以下是ajax使用实例
   

   $.ajax({
                   url: "http://182.92.161.230:3000/session/login",
                   method:'POST',
                   data: {"email":$("#email").val(),"password":$("#password").val()},
                   success: function (data) {
                       if(data.errcode==40002)
                       {
                           $("#email-or-password-error").text("邮箱或密码错误");
                           setTimeout(dismiss_error_info(),6000);
                       }
                       if(data.errcode === 0)
                       {
                           localStorage.setItem("data",JSON.stringify(data.data));
                           window.location.href = "http://182.92.161.230/";
                       }
                   },
                   error: function () {
                   }
               });