http協議超文本傳輸協議(HTTP,HyperText Transfer Protocol)是互聯網上應用最為廣泛的一種網絡協議。
從應用角度:
自動提示
自動驗證
無刷新加載
-
Ayschou javascript and xml
- 異步的請求數據
無刷新更新最新新聞
無刷新驗證用戶名是否注冊
無刷新加載信息 - http 的特點
GET
POST
- 異步的請求數據
如何解決跨域的問題
(1) 后臺決定實際項目中,一般不用跨域
前臺代碼 和 后臺代碼是在一起, 同源的
接口
//發送數據的URL:
http://localhost:8080/ajax/chat,
參數: type=send
sender=發送者填入的用戶名
msg=發送者的發送消息
- 發送聊天信息給服務器
獲取數據的URL:
http://localhost:8080/ajax/chat,
參數: type=query
獲取聊天數據
-
利用 ajax 請求數據
(1) 引入工具
(2) 使用工具- 將數據更新到頁面上
(1) 將字符串轉換成 js 對象
(2) DOM 操作,更新到頁面
- 將數據更新到頁面上
實現聊天信息的獲取
1.拉取最新的聊天數據并更新到頁面
2。服務器地址 數據, query 說明就是獲取數據成功時 調用這里的函數
3.遍歷數組,將每條消息,都添加到 ul 中 取出下標為i的消息對象 創建li
設置 li 中的內容 添加到 ul 中
實現聊天信息的發送
// 思路:
// 1. 給發送按鈕綁定點擊事件處理函數
// 2. 在事件處理函數中:
// (1) 獲取 textarea中的內容
// (2) 利用ajax發送數據給服務器
// (3) 獲取最新的聊天記錄并更新到頁面上