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 () {
                    }
                });
     
  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值