javascript 原生ajax 请求

╰+哭是因爲堅強的太久メ 2022-05-23 23:50 276阅读 0赞

设置自定义的ajax 的请求,并增加回调方法

兼容不同的浏览器

//原生js ajax 请求
    function execAjax(url,date,fn){//fn 回调函数
    	var xmlhttp;
    	
    	if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
    	  xmlhttp=new XMLHttpRequest();
    	}
    	else{// code for IE6, IE5
    	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    	}
    	
    	xmlhttp.open("post", url,true);
    	xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    	xmlhttp.send(date);
    	xmlhttp.onreadystatechange = function() {
    		if(xmlhttp.readyState==4){
                if(xmlhttp.status==200){//判断是否成功,如果是200，就代表成功
                    //alert("成功"+xmlhttp.responseText);//读取a.txt文件成功就弹出成功。后面加上oAjax.responseText会输出a.txt文本的内容
                    var searchReturn = xmlhttp.responseText;
                    //return searchReturn;
                    //回调方法
                    fn(searchReturn);
                }
                else{
                    return "失败";
                }
            }
    	}
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 原生Ajax

Ajax中常用的就是XMLHttpRequest 在JS中创建XMLHttpRequest var request=new XMLHttpRequest(); 设置参数

迈不过友情╰/ 2024年02月18日 21:43/ 0 赞/ 52 阅读

相关什么是AJAX？如何使用原生JavaScript进行AJAX请求？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 什么是AJAX？ ⭐如何使用原生JavaScript进行AJAX请求？ ⭐ 写在最后 -------

怼烎@/ 2023年10月16日 10:14/ 0 赞/ 58 阅读

相关什么是AJAX？如何使用原生JavaScript搭建AJAX请求？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ AJAX（Asynchronous JavaScript and XML） ⭐ 原生JavaScript中的

末蓝、/ 2023年10月15日 13:00/ 0 赞/ 67 阅读

相关原生ajax请求之前端

前端发送ajax请求，并采用restful风格。 var xhr = createXHR(); xhr.onreadystatech

柔情只为你懂/ 2023年10月09日 11:45/ 0 赞/ 61 阅读

相关 JavaScript 原生Ajax请求xml数据处理

请求xml数据的时候需要在浏览器端用 ajax.responseXML属性去接受。 php服务器端需要设置 header为 xml的类型浏览器端处理数据可按照dom的操

向右看齐/ 2022年05月31日 01:39/ 0 赞/ 215 阅读

相关 JavaScrip原生Ajax请求实现

首先给触发元素绑定事件 1. 创建异步对象——var Ajax = new XMLhttpRequest(); 2. 连接到服务器——Ajax.open("请求方

﹏ヽ暗。殇╰゛Y/ 2022年05月31日 00:58/ 0 赞/ 280 阅读

相关 javascript 原生ajax 请求

设置自定义的ajax 的请求,并增加回调方法兼容不同的浏览器 //原生js ajax 请求 function execAjax(url,date,f

╰+哭是因爲堅強的太久メ/ 2022年05月23日 23:50/ 0 赞/ 277 阅读

相关原生JS Ajax请求

传统方法的缺点: 传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能

ゝ一纸荒年。/ 2022年05月11日 09:20/ 0 赞/ 305 阅读

相关原生ajax请求与jquery-ajax请求

ajax请求可以在不刷新页面的情况下，请求后台服务器为了演示的效果，在jsp中添加一段视频，再播放视频的时候请求后台，看效果。普通表单提交返回数据，会刷新页面使

约定不等于承诺〃/ 2022年02月04日 08:29/ 0 赞/ 448 阅读

相关原生js封装ajax请求

一个完整的ajax请求封装，适用场景： 1. get 请求 2. post请求 3. 表单提交方式 4. 表单上传文件 function ajax(opti

向右看齐/ 2021年12月14日 06:29/ 0 赞/ 444 阅读