Ajax

本文介绍了异步JavaScript与XML(AJAX)的概念及其工作原理。对比了同步与异步请求的区别,并详细讲解了如何使用XMLHttpRequest对象进行异步数据交换,实现网页局部刷新而无需重新加载整个页面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

名称:Asynchronous JavaSvript and XML(异步的 JavaSvript and XML)
AJAX不是编程语言,是不需要重新加载整个网页的情况下更新部分网页的技术

  • 同步
    1.客户端发送请求—服务端处理–等待响应—在客户端的页面载入
    2.如果出现错误
    3.重复上一步​​

  • 异步
    1.相比同步多了XMLHttpRequest对象
    2.后台与服务器可以在页面不加载的情况下交换数据
    3.动态局部刷新​
    4.页面操作不会与服务器上操作堵塞​

  • XMLHttpRequest对象在javascript使用

var  request;
if(wndow.XMLHttpRuquest){
request=new XmlHttpRequest();  //除IE5、Ie6浏览器
}
else{
request=new ActiveXObject('Microsoft.XMLHTTP')​​​   //IE5/IE6
​​​}​
  • Http—方便解释后面的XMLHttpRequest的请求与响应
    1.计算机通过网络通信的协议
    2.无状态协议(没有记忆)​

    • HTTP请求
      1.建立Tcp链接
      2.web浏览器想web服务器发送请求命令
      3.web浏览器发送请求头信息
      4.web服务器应答
      5.web服务器发送应答头信息
      6.web服务器想浏览器发送数据
      7.web服务器关闭tcp链接
  • HTTP请求组成
    1.请求方法或者动作 (get或者post)
    get(用来获取或者查询)–用来修改不太安全–对发送数量有限制
    post(用来修改信息)
    2.正在请求的URL(请求地址)
    3.请求头(客户端环境信息,身份验证信息等)
    4.请求体(请求正文,包括用户提交的查询字符串信息,表单信息)

  • HTTP响应
    1.数字与文字组成的状态码,用来显示请求是否成功
    1xx 正在处理
    2xx 成功
    3xx 失败
    4xx 客户端错误404
    5xx 服务器错误
    found 请求中的引用不存在
    2.响应头,包含服务器类型/日期时间/内容类型/长度等有用信息
    3.响应体,响应正文

  • XMLHttpReques发送请求
    1.open(method,url.async)
    发送请求方法(Get/post)
    请求地址
    请求同步/异步(默认异步)
    2.send(string)
    用get时,可以不填写参数
    post时,必须填写

  • XMLHttpRequest取得响应
    1.方法
    这里写图片描述
    2.readyState属性
    这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值