ajax

http协议超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。

从应用角度:

  1. 自动提示

  2. 自动验证

  3. 无刷新加载

  4. Ayschou javascript and xml

    1. 异步的请求数据
      无刷新更新最新新闻
      无刷新验证用户名是否注册
      无刷新加载信息
    2. http 的特点
      GET
      POST
  5. 如何解决跨域的问题
    (1) 后台决定

  6. 实际项目中,一般不用跨域
    前台代码 和 后台代码是在一起, 同源的

接口
//发送数据的URL:
http://localhost:8080/ajax/chat,
参数: type=send
sender=发送者填入的用户名
msg=发送者的发送消息

  1. 发送聊天信息给服务器

获取数据的URL:
http://localhost:8080/ajax/chat,
参数: type=query

  1. 获取聊天数据

  2. 利用 ajax 请求数据
    (1) 引入工具
    (2) 使用工具

    1. 将数据更新到页面上
      (1) 将字符串转换成 js 对象
      (2) DOM 操作,更新到页面

实现聊天信息的获取
1.拉取最新的聊天数据并更新到页面
2。服务器地址 数据, query 说明就是获取数据成功时 调用这里的函数
3.遍历数组,将每条消息,都添加到 ul 中 取出下标为i的消息对象 创建li
设置 li 中的内容 添加到 ul 中

实现聊天信息的发送
// 思路:
// 1. 给发送按钮绑定点击事件处理函数
// 2. 在事件处理函数中:
// (1) 获取 textarea中的内容
// (2) 利用ajax发送数据给服务器
// (3) 获取最新的聊天记录并更新到页面上

你可能感兴趣的:(ajax)