<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@ include file="/tags/jquery-lib.jsp"%>
<script type="text/javascript">
$(function () {
(function longPolling() {
$.ajax({
url: "${pageContext.request.contextPath}/communication/user/ajax.mvc",
data: {"timed": new Date().getTime()},
dataType: "text",
timeout: 5000,
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#state").append("[state: " + textStatus + ", error: " + errorThrown + " ]<br/>");
if (textStatus == "timeout") { // 請求超時
longPolling(); // 遞歸調用
// 其他錯誤,如網絡錯誤等
} else {
longPolling();
}
},
success: function (data, textStatus) {
$("#state").append("[state: " + textStatus + ", data: { " + data + "} ]<br/>");
if (textStatus == "success") { // 請求成功
longPolling();
}
}
});
})();
});
</script>
</head>
<body>
上面這段代碼就是才有Ajax的方式完成長連接,主要優點就是和服務器始終保持一個連接。如果當前連接請求成功后,將更新數據並且繼續創建一個新的連接和服務器保持聯系。如果連接超時或發生異常,這個時候程序也會創建一個新連接繼續請求。這樣就大大節省了服務器和網絡資源,提高了程序的性能,從而也保證了程序的順序。
原文鏈接:http://blog.csdn.net/educast/article/details/50474898
如果您覺得這篇博客對您產生了一些必要的幫助, 歡迎您對我意思意思, 我將會覺得您非常夠意思!