强烈推荐一款HTTP在线测试工具 http://httpbin.org/ ;尤其是不会后端开发的童鞋有福了。
你可以直接发起一个POST请求至API,它会返回响应的数据。
示例如下:
<!DOCTYPE html>
<!-- 本文作者:谷哥的小弟-->
<!-- 博客地址:https://blog.csdn.net/lfdfhl-->
<html>
<head>
<meta charset="utf-8">
<title>Ajax异步Post请求</title>
<script type="text/javascript">
function submitByPost() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username.length >= 4 && password.length >= 4) {
//第一步:获取XMLHttpRequest
var httpRequest = new XMLHttpRequest();
//第二步:建立网络连接
var method = "POST";
var url = "http://httpbin.org/post";
var isAsynchronous = true;
httpRequest.open(method, url, isAsynchronous);
//第三步:发送网络请求
var formData = new FormData();
formData.append("username", username);
formData.append("password", password);
httpRequest.send(formData);
//第四步:处理响应结果
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState == 4 && httpRequest.status == 200) {
var JSONDate = httpRequest.responseText;
document.getElementById("result1").innerHTML = JSONDate;
var JSONObject = JSON.parse(JSONDate);
var username = JSONObject.form.username;
var password = JSONObject.form.password;
var message = "username=" + username + ",password=" + password;
document.getElementById("result2").innerHTML = message;
}
};
return false;
//return true;// error code
} else {
alert("用户名和密码长度错误");
return false;
}
}
</script>
</head>
<body>
<h2 style="color: red;">本文作者:谷哥的小弟</h2>
<h2 style="color: red;">博客地址:http://blog.csdn.net/lfdfhl</h2>
<p id="result1"></p>
<p id="result2"></p>
<form onsubmit="return submitByPost()" method="post">
用 户: <input type="text" id="username" name="username" maxlength="15" value="Tom">
<br />
<br />
密 码: <input type="password" id="password" name="password" maxlength="10">
<br />
<br />
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>
从这里可以看出:按照Post方式提交数据,服务器会有相应地返回。
类似地,在Java代码中也可以使用该接口。