您的位置：首页 > Web前端

Ajax 前端与后台交互

2015-11-20 14:59 239 查看
  • 前端后端交互是比较正常的事情。例如登录这样一个功能：
  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 () {
}
});
     
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航