接口一:
1:QQ羣信息統計 地址:http://localhost:8080/webServices/messageSort
注意:連接地址提交的是一個txt文件,返回是一個list的json字符串,解釋json字符串網上例子很多,請自行解釋。
2:接口實例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>知識網</title>
<script src="/uploadify/jquery_1_7_2_min.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript" src="/uploadify/jquery.uploadify.min.js"></script>
<link type="text/css" href="/uploadify/uploadify.css" rel="stylesheet" />
<link id="artDialogSkin" href="/artDialog4.1.7/skins/red.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/artDialog4.1.7/artDialog.js"></script>
<script type="text/javascript" src="/uploadify/jquery.form.js"></script>
<script type="text/javascript">
var myDialog;
//uploadify控件
$(function() {
$("#filePath").uploadify(
{
swf : '/uploadify/uploadify.swf',
uploader : 'http://localhost:8080/webServices/messageSort',
buttonText : '提交文件',
fileSizeLimit : '20MB',
height : 22,
fileTypeDesc : '不超過20M的文件(*.txt)',
fileTypeExts : '*.txt',
multi : false,
width : 90,
onUploadError : function(file, errorCode, errorMsg,
errorString) {
art.dialog({
icon : 'error',
content : errorString
});
},
onUploadStart : function(file) {
$(".aui_content").css({
"width" : "100%",
"height" : "100%"
});
myDialog = art.dialog();// 初始化一個帶有loading圖標的空對話框
},
onUploadSuccess : function(file, data, response) {
$(".aui_content").css({
"width" : "400px",
"height" : "500px",
"overflow" : "auto"
});
var info = "<table width=\"100%\"><tr><td>羣成員</td><td align=\"center\">QQ號</td><td align=\"center\">描述內容</td><td align=\"center\">信息條數</td></tr>";
var dataObj = eval(data);//
for ( var index in dataObj) {
info += "<tr><td>" + dataObj[index].name
+ "</td><td align=\"center\">"
+ dataObj[index].qq
+ "</td><td align=\"center\">"
+ dataObj[index].mark
+ "</td><td align=\"center\">"
+ dataObj[index].count
+ "</td><tr>";
}
info += "</table>";
myDialog.content(info);// 填充對話框內容
}
});
});
//jquery.from.js控件
function upload2() {
myDialog = art.dialog();// 初始化一個帶有loading圖標的空對話框
var options = {
url : "http://localhost:8080/webServices/messageSort",
type : "POST",
//dataType : "json",
success : function(data) {
var info = "<table width=\"100%\"><tr><td>羣成員</td><td align=\"center\">QQ號</td><td align=\"center\">描述內容</td><td align=\"center\">信息條數</td></tr>";
var dataObj=eval(data);//
for ( var index in dataObj) {
info += "<tr><td>" + dataObj[index].name
+ "</td><td align=\"center\">" + dataObj[index].qq
+ "</td><td align=\"center\">"
+ dataObj[index].mark
+ "</td><td align=\"center\">"
+ dataObj[index].count + "</td><tr>";
}
info += "</table>";
myDialog.content(info);// 填充對話框內容
}
};
$("#proAdd").ajaxSubmit(options);
}
</script>
</head>
<body>
<div class="webcontent">
接口一: <br />1:QQ羣信息統計 地址:http://localhost:8080/webServiceTest/webServices/messageSort
<br/>
<br/>
在線統計QQ羣信息:
<table>
<tr>
<td>文件提交方式1:uploadify控件</td>
<td><input type="file" id="filePath" name="filePath" multiple="true" /></td>
</tr>
<tr>
<td>文件提交方式2:jquery.from.js控件</td>
<td>
<form id="proAdd" name="proAdd" method="post" enctype="multipart/form-data">
<input type="file" id="filePath" name="filePath" multiple="true" οnchange="upload2();"/>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>