javaScript简单实现ajax

爱被打了一巴掌 2022-08-14 02:54 184阅读 0赞

<script type="text/javascript">
    window.οnlοad=function(){
    	var oBtn=document.getElementById("btn1");//oBtn表示一个按钮。
    	oBtn.οnclick=function(){
    		ajax(
                           'url',  //url在这里表示一个请求的目的地址。
                           'POST', //表示请求的方式
                           function(reSuccData){  //成功时返回的结果
    			      alert(reSuccData);
    		       },
                          function(reFailData){   //失败时返回的结果
    			alert(returnData);
    		       });
           };
    };
    
    //封装的一个ajax
    function ajax(url,type,funSucc,funFailed){
    	//1、创建Ajax对象,只兼容非IE6的浏览器
    	if(window.XMLHttpRequest){
    		var oAjax=new XMLHttpRequest();
    	}else{
    		/*兼容IE6*/
    		var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
    	}
    	//2、连接到服务器open(方法，文件名，异步传输(true表示异步，false表示同步),利用t可以清除浏览器缓存)
    	oAjax.open(type,url+'?t='+new Date().getTime(),true);
    	//3、发送请求
    	oAjax.send();
    	//4、接收返回值
           oAjax.onreadystatechange=function(){
    		/*表示浏览器和服务器，进行到哪一步了oAjax.readyState
    		*0表示还没调用open()方法;1表示已经调用send()方法，正在 发送请求;2表示send()方法已经完成，已经收到 
    		*全部的响应内容;3表示正在解析响应内容;4响应内容解析完毕不管成功还是失败，可以在客户端调用。
    		*/
    		var state=oAjax.readyState; 
    		if(oAjax.readyState ==4){
    			if(oAjax.status == 200){//表示成功，404表示页面找不到
    				funSucc(oAjax.responseText);//接收返回内容
    			}else{
    				funFailed(oAjax.status);
    			}
    		}
    	};
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript--AJAX

很多内容写在注释里

谁借莪１个温暖的怀抱￠/ 2024年05月09日 09:01/ 0 赞/ 58 阅读

相关 Javascript---AJAX

目录 AJAX概念 Ajax 相关概念 Ajax 基本的使用 Ajax 扩展内容 JSON 的常用方法 XMLHttpRequest open() 1.指定HT

r囧r小猫/ 2024年04月08日 12:38/ 0 赞/ 65 阅读

相关简单介绍html/javascript、ajax应用

文章目录前言 1、html 1.1.、html实例 1.2、HTML文档的后缀名 1.3、HTML 编辑器

痛定思痛。/ 2023年10月12日 19:22/ 0 赞/ 10 阅读

相关 Echarts+ajax实现一个简单折线图

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

冷不防/ 2022年12月27日 01:47/ 0 赞/ 173 阅读

相关 Ajax 模糊查询的简单实现

类似于百度的搜索引擎模糊查询功能，不过百度的模糊查询功能更强大，这里简单实现下. 要实现模糊查询，首先要做的就是把SQL写好。话不多少，直接贴代码了! JSP页面：

ゞ浴缸里的玫瑰/ 2022年09月20日 00:21/ 0 赞/ 160 阅读

相关 javaScript简单实现ajax

<script type="text/javascript"> window.οnlοad=function(){ var oBtn=document

爱被打了一巴掌/ 2022年08月14日 02:54/ 0 赞/ 184 阅读

相关【JavaScript】原生JS实现AJAX、JSONP

function ajax(params) { params = params || {}; params.data

心已赠人/ 2022年06月04日 02:27/ 0 赞/ 217 阅读

相关 JavaScript和JQuery分别实现Ajax

index010\_js & index010\_jquery的body代码中都写入： <form action="validate" method="post">

超、凢脫俗/ 2022年05月19日 05:26/ 0 赞/ 207 阅读

相关 js_ajax_简单实现ajax

@WebServlet("/ajax.do") public class HelloAjax extends HttpServlet { privat

川长思鸟来/ 2022年05月18日 20:43/ 0 赞/ 218 阅读

相关 JavaScript实现简单音乐播放器

该篇文章会教你通过JavaScript制作一个简单的音乐播放器。包括播放、暂停、上一曲和下一曲。阅读本文章你需要对HTML、CSS和Javascript有基本的了解。话

偏执的太偏执、/ 2022年03月07日 00:58/ 0 赞/ 739 阅读