本文將為大家分享JavaScript輕松實(shí)現獲取服務(wù)器響應時(shí)間的方法。

　　

1、XMLHttpRequest對象

我們可以通過(guò)創(chuàng )建XMLHttpRequest對象來(lái)獲取服務(wù)器響應時(shí)間。

　　具體實(shí)現方法如下：

　　1.創(chuàng )建XMLHttpRequest對象

　　var xhr = new XMLHttpRequest();

　　2.設置請求方法和請求地址

　　xhr.open(GET, serverUrl, true);

　　3.設置請求頭信息

　　xhr.setRequestHeader(Content-type, application/x-www-form-urlencoded);

　　4.發(fā)送請求

　　xhr.send();

　　5.獲取響應時(shí)間

　　var startTime = new Date().getTime();

　　xhr.onreadystatechange = function () {

　　if (xhr.readyState === 4 && xhr.status === 200) {

　　var endTime = new Date().getTime();

　　var responseTime = endTime - startTime;

　　console.log(responseTime);

　　}

　　}

　　

2、jQuery的ajax方法

使用jQuery的ajax方法也可以很方便地獲取服務(wù)器響應時(shí)間。

　　具體實(shí)現方法如下：

　　$.ajax({

　　url: serverUrl,

　　type: GET,

　　dataType: json,

　　beforeSend: function () {

　　var startTime = new Date().getTime();

　　},

　　success: function () {

　　var endTime = new Date().getTime();

　　var responseTime = endTime - startTime;

　　console.log(responseTime);

　　}

　　});

　　

3、使用fetch

fetch也可以實(shí)現獲取服務(wù)器響應時(shí)間。

　　具體實(shí)現方法如下：

　　var startTime = new Date().getTime();

　　fetch(serverUrl)

　　.then(function(response) {

　　var endTime = new Date().getTime();

　　var responseTime = endTime - startTime;

　　console.log(responseTime);

　　})

　　.catch(function(err) {

　　console.log(err);

　　});

　　

4、使用第三方庫

另外，我們也可以使用一些第三方庫來(lái)獲取服務(wù)器響應時(shí)間。

　　比如說(shuō)，使用performance-now：

　　var t0 = performance.now();

　　$.get(serverUrl, function(data) {

　　var t1 = performance.now();

　　console.log("Call to doSomething took " + (t1 - t0) + " milliseconds.");

　　});

　　總結：

　　以上給出了四種方法來(lái)獲取服務(wù)器響應時(shí)間：通過(guò)創(chuàng )建XMLHttpRequest對象、使用jQuery的ajax方法、使用fetch、使用第三方庫。這些方法都可以很方便地實(shí)現獲取服務(wù)器響應時(shí)間的功能。根據實(shí)際需要選擇不同的方法即可。

　　通過(guò)這些方法我們可以及時(shí)了解服務(wù)器的響應情況，從而可以更好地優(yōu)化服務(wù)端程序。希望本文能夠幫助你實(shí)現獲取服務(wù)端響應時(shí)間的目標。