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 () {
                    }
                });
     

相关推荐