Ajax長鏈接和SignalR（刷新客戶端數據）的區別 ajax實現長鏈接

時間 2019-12-08

標籤 ajax 鏈接 signalr 刷新客戶端數據區別實現欄目 Ajax 简体版

原文原文鏈接

ajax實現長鏈接

<%@ 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的方式完成長鏈接，主要優勢就是和服務器始終保持一個鏈接。若是當前鏈接請求成功後，將更新數據而且繼續建立一個新的鏈接和服務器保持聯繫。若是鏈接超時或發生異常，這個時候程序也會建立一個新鏈接繼續請求。這樣就大大節省了服務器和網絡資源，提升了程序的性能，從而也保證了程序的順序。