ajax

作者: minyan962464 | 来源:发表于2017-10-19 21:06 被阅读0次

    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

          本文链接:https://www.haomeiwen.com/subject/mnmpuxtx.html