npm install juggle-http
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../juggle-help/dist/juggle-help.js" type="text/javascript"></script>
<script src="../juggle-event/dist/juggle-event.js" type="text/javascript"></script>
<script src="../juggle-http/dist/juggle-http.js" type="text/javascript"></script>
<script type="text/javascript">
function success(event) {
alert("发送post请求返回" + event.mData);
}
function error(event) {
alert("发送post请求返回错误");
}
function successFile(event) {
alert("发送文件请求" + event.mData);
}
function errorFile(event) {
alert("发送文件请求返回错误");
}
window.onload = function () {
var data = {
'hOpCode': '1',
'userName': 'hello',
'userPassword': '123456'
};
var header = [];
header["token"] = "sadwadawdwad";
var httpClient = new juggle.HttpClient();
httpClient.send(data, "http://localhost:8080/grain-httpserver-test/s", header);
httpClient.addEventListener(juggle.httpEventType.SUCCESS, success, this);
httpClient.addEventListener(juggle.httpEventType.ERROR, error, this);
document.getElementById("sendDemoTest").addEventListener("click", sendFileTest);
};
function sendFileTest() {
var obj = document.getElementById("userImg");
var data = {
'hOpCode': '1',
'userName': 'hello',
'userPassword': '123456'
};
var header = [];
header["token"] = "sadwadawdwad";
var httpClient = new juggle.HttpClient();
httpClient.sendFile(obj.files, data, "http://localhost:8080/grain-httpserver-test/s", header);
httpClient.addEventListener(juggle.httpEventType.SUCCESS, successFile, this);
httpClient.addEventListener(juggle.httpEventType.ERROR, errorFile, this);
}
</script>
</head>
<body>
<div>
<input type="file" id="userImg" name="uploadFiles"/>
<input type="button" value="发送请求" id="sendDemoTest"/>
</div>
</body>
</html>http服务器（直接可用）：
https://github.com/dianbaer/grain/tree/master/grain-httpserver-test