Ajax 前端与后台交互
- 前端后端交互是比较正常的事情。例如登录这样一个功能:
- 整体的思路和逻辑是这样的:我需要获取用户名和密码,将用户名和密码组合成一个对象,传给后台服务器后台服务器会进行匹配将返回来的数据给前端,前端根据返回的数据判断是否成功登陆。以下是通过ajax实现这个过程:
- 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 () { } });
相关推荐
时光如瑾雨微凉 2020-07-19
ppsurcao 2020-06-14
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05