分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

Ajax 简介

发布时间:2023-09-06 01:48责任编辑:顾先生关键词:Ajax

1.AJAX 原理

  ajax可以发送异步请求和接受响应,在通过js 修改页面内容

  异步请求:在不销毁页面的请求下向服务端发送请求,局部修改页面

2.获取Ajax 对象

  function getXHR(){

  var xhr=null;

  if(window.XMLHttpRequest()){

  xhr=new XMLHttpRequest();

  } else{xhr=new ActiveXObject(‘MIcrosoft.XMLHttp‘)}

  }

 3. Ajax 对象的属性方法


abort() ?取消请求
getAllResponseseHeaders() ?获得响应的所有HTTP 头
getResponseHeaders() ?获取响应的HTTP 头
send() 发送请求
setRequestHeader() ?指定请求的HTTP头
onreadystatechange() ajax对象发生任何状态变化时的事件 ?控制对象
readyState: 请求状态: ?0.尚未初始化 ?--open-- ?1. 正在发送请求 ?---send()--- 2.请求完成(服务端接收到请求)--response---
??3.ajax正在接收response的数据 ???4.接收完成(ajax接收数据成功)
??
responseTest() ?获取服务器response返回的文本,如果传对象使用 json
status: 200 接收成功
202 请求已接收但处理未完成
400 错误请求
404 请求资源未找到
500 内部的服务器错误,通常是服务端的代码有异常

使用Ajax 发送异步请求

1. 获取ajax 对象
2. onreadystatechange=function 对象 绑定函数,当readystate 也就是请求发生变化时,调用该函数
绑定的函数 通过readyState、status 执行对应的逻辑,响应的数据可以通过responseText responseXml 属性获取
3. 创建请求 ?open("请求方式","地址","是否异步") ??arg1:get/post ??arg2:url ??????arg3:boolean
4. setRequestHeader() ?设置请求头,请求必须设置 application/x-www-form-urlencoded ??表示提交表单数据(默认为text/html)
5. send() 如果是post 请求可以在里面写参数,get 请求在open里的url 写参数

Ajax 简介

原文地址:https://www.cnblogs.com/zhangzonghua/p/8729006.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved