因為是要將伺服器獲取的資料放在網頁中 所以說對頁面的渲染是必要的 這裡我準備的是 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 的事件處理函式 ...