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

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:ajax

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