分享web开发知识

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

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

原生ajax的请求过程

发布时间:2023-09-06 02:29责任编辑:彭小芳关键词:暂无标签

原生ajax的请求过程

创建全平台兼容的XMLHttpRequest对象:

function getXHR(){ ?var xhr = null; ?if(window.XMLHttpRequest) {// 兼容 IE7+, Firefox, Chrome, Opera, Safari ???xhr = new XMLHttpRequest(); ?} else if (window.ActiveXObject) { ???try { ?????xhr = new ActiveXObject("Msxml2.XMLHTTP");// 即MSXML3 ???} catch (e) { ?????try { ???????xhr = new ActiveXObject("Microsoft.XMLHTTP");// // 兼容 IE6, IE5,很老的api,虽然浏览器支持,功能可能不完善,故不建议使用 ?????} catch (e) { ???????alert("您的浏览器暂不支持Ajax!"); ?????} ???} ?} ?return xhr;}

  

Ajax请求数据的过程:

var xhr = getXHR();xhr.open(‘GET‘, url/file,true); ?//设置请求方式,url,以及是否异步xhr.onreadystatechange = function() { ??//设置回调监听函数 ??if(xhr.readyState==4){ ???????if(xhr.status==200){ ???????????var data=xhr.responseText; ????????????console.log(data); ??}};xhr.onerror = function() { ?console.log("Oh, error");};xhr.send(); ?//发送请求

  

原生ajax的请求过程

原文地址:https://www.cnblogs.com/mahmud/p/10252908.html

知识推荐

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