前端调用后台接口的几种方式
一、Ajax方式
首先,要做这个功能前,我们必须先查阅后台接口文档,了解使用登录接口时,需要提交哪些参数,并且接口使用返回的数据。
这里我使用了一个返回json格式数据的登录接口为例,讲解怎么使用Ajax与后台接口交互。
用户登录接口URL:http://localhost:8080/user/login.do , Method: POST
输入参数:username=admin
password=123456
输出:登录成功:{"result":"sucess", "code":100}
登录成功:{"result":"fail", "code":101}
登录成功:{"result":"fail", "code":102}
编写javascript(Ajax)调用接口:
var xmlhttp;
if (window.XMLHttpRequest){//IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else{// IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//上面的http请求对象的生成做了一个浏览器兼容性处理
var adminName = document.get