调用后台接口返回报错前端隐藏提示_前端调用后台接口的几种方式

前端调用后台接口的几种方式

一、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