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) 获取最新的聊天记录并更新到页面上
网友评论