Ajax獲取node伺服器資料

2021-10-09 13:38:14 字數 2090 閱讀 5353

因為是要將伺服器獲取的資料放在網頁中 所以說對頁面的渲染是必要的 這裡我準備的是 art-template模板

伺服器要準備好渲染到頁面的資料

這裡我做的的是乙個搜尋框提示功能 講解都在**注釋中

伺服器**如下

// 輸入框文字提示

get(

"/searchautoprompt"

,(req, res)

=>

);

頁面**:

下面的**我用了乙個封裝好的ajax函式

**如下

function

ajax

(options)

, header:

, success:

function()

, error:

function()

}// 使用使用者傳遞的引數替換預設值引數

object.

assign

(defaults, options)

;// 建立ajax物件

;// 引數拼接變數

var params ='';

// 迴圈引數

for(

var attr in defaults.data)

// 如果請求方式為get

if(defaults.type ==

'get'

)// 配置ajax請求

xhr.

open

(defaults.type, defaults.url, defaults.

async);

// 如果請求方式為post

if(defaults.type ==

'post'

)else

}else

// 請求載入完成

xhr.

onload

=function()

// 如果請求成功

if(xhr.status ==

200)

else

}// 當網路中斷時

xhr.

onerror

=function()

}

"/js/ajax.js"

>

<

/script>

"/js/template-web.js"

>

<

/script>

"text/html" id=

"tpl"

>

}="list-group-item"

>

}<

/li>

}<

/script>

// 獲取搜尋框

var searchinp = document.

getelementbyid

('search');

// 獲取提示文字的存放容器

var listbox = document.

getelementbyid

('list-box');

//這裡用定時器是為了優化 定時向伺服器傳送請求 優化了對伺服器的壓力

// 儲存定時器的變數

var timer =

null

;// 當使用者在文字框中輸入的時候觸發

searchinp.

oninput

=function()

// 開啟定時器 讓請求延遲傳送

timer =

settimeout

(function()

, success:

function

(result));

// 將拼接好的字串顯示在頁面中

listbox.innerhtml = html;

// 顯示ul容器

listbox.style.display =

'block';}

})},

800)

}<

/script>

ajax獲取伺服器當前時間

通過ajax獲取response header 上的date值,注意時區,在chrome 開發工具header中看到的均為格林威治時間,比北京時間小8個小時,獲取的時區與伺服器端設定有關係。從response header中獲取伺服器當前時間,不存在有快取時的問題 另外,通過jquery的ajax方...

Node 建立伺服器

我們使用 require 指令來載入 http 模組,並將例項化的 http 賦值給變數 http 如下 使用 http.createserver 方法建立伺服器,並使用 listen 方法繫結 8888 埠。函式通過 request,response 引數來接收和響應資料。建立乙個叫 server...

Node 搭建伺服器 ?

node 搭建伺服器 node 搭建伺服器 開啟乙個本地伺服器需要 node.js 中 http 核心模組。1,http 模組提供了搭建本地伺服器的 api,首先在專案中引入 2,利用 http.createserver 方法得到乙個伺服器例項 3,給伺服器例項繫結 request 的事件處理函式 ...