Ajax小结

电玩女神 2022-04-24 07:04 112阅读 0赞

*  `ajax的概念`  
    局部刷新技术。不是一门新技术，而是多种技术的组合，是浏览器前端的技术。
 *  `ajax的作用`  
    实现当前结果页面中显示其他请求响应的内容
 *  `ajax的使用`  
    ***注：以下代码并不完整，只是一部分，关键注重流程。***

function ajax(){ 
    //创建ajax引擎对象
      var ajax;
      if(window.XMLHttpRequest){ //火狐
      		ajax = new XMLHttpRequest();
      }else if(window.ActiveXObject){ //IE
      		ajax = new ActiveXObject("Msxml2.XMLHTTP");
      }
    //复写onreadystatement函数
    	ajax.onreadystatechange = function(){ 
    		//判断ajax状态码
    		if(ajax.readyState == 4){ 
    		//判断响应状态码
    		if(ajax.status==200){ 
    		//获取响应内容
    		var result = ajax.responseText;
    		//获取元素对象
    		var showdiv = document.getElementById("showdiv");
    		showdiv.InnerHTML = result;
    		}else if(ajax.status==404){ 
    		//获取响应内容
    		var result = ajax.responseText;
    		//获取元素对象
    		var showdiv = document.getElementById("showdiv");
    		showdiv.InnerHTML = "请求资源不存在";
    		}else if(ajax.status==500){ 
    		//获取响应内容
    		var result = ajax.responseText;
    		//获取元素对象
    		var showdiv = document.getElementById("showdiv");
    		showdiv.InnerHTML = "服务器繁忙";
    		}
    	}
    }	
    //发送请求(get/post请求只能写一个：这里用作举例子)
        //get方式：直接在URL后面拼接字符串
    	ajax.open("get","ajax",true);
     	ajax.send(null);
     	//post方式：求情数据需要单独发送：
     	ajax.open("post","ajax");
     	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
     	ajax.send("name = 张 & pwd = 123");
    }

*  `ajax的状态码`  
    readyState: 0,1,2,3,4  
    4：表示响应内容被成功接收  
    响应状态码：  
    status  
    200：表示一切OK  
    404：资源未找到  
    500：内部服务器错误
 *  `ajax的同步异步`

ajax.open(method,url,async)

--------------------

*  `ajax 在 jQuery中的使用`

$.ajax({ 
    		url:url,
    		type:"get/post",
    		async:true/false,
            data:{ "name = 张","pwd = 123"},
            dataTyep:"json",
            success:function(data){ },      
    });

发表评论取消回复

表情：

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

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

相关阅读

相关 AJAX-----小结

目录发起ajax请求的步骤： 1.创建一个实例对象 2.打开一个连接设置请求头： 3.发送请求 4.接收响应 ajax——get ajax ——post

快来打我*/ 2024年04月08日 12:56/ 0 赞/ 10 阅读

相关【自考小结】 2019考试小结

目录【小结】【唠叨】 -------------------- 【小结】 2019年下半年的自考也在今天结束了，我想了一下想不起上半年我考试了吗？就

喜欢ヅ旅行/ 2023年06月09日 10:25/ 0 赞/ 16 阅读

相关 ajax、php、本地存储小结

ajax `ajax` 全名 `async javascript and XML` 默认异步执行机制数据不在页面上，不方便搜索引擎抓取 AJA

男娘i/ 2022年11月28日 15:29/ 0 赞/ 127 阅读

相关 DOM笔记（五）：JavaScript的常见事件和Ajax小结

一、常见事件类型 1、鼠标事件 <table> <tbody> <tr> <td><span style="font-size:14px">事件

朱雀/ 2022年08月06日 01:30/ 0 赞/ 106 阅读

相关 JQuery小结

目录 JQuery 栗子壹栗子贰【JQuery】——点击下拉；滑动下拉菜单【JavaScript】——滑动下拉 JQuery 和DOM之间的关系更加灵活：

蔚落/ 2022年04月25日 08:52/ 0 赞/ 211 阅读

相关 Ajax小结

`ajax的概念` 局部刷新技术。不是一门新技术，而是多种技术的组合，是浏览器前端的技术。 `ajax的作用` 实现当前结果页面中显示其他请

电玩女神/ 2022年04月24日 07:04/ 0 赞/ 113 阅读

相关 JS小结

目录前言基础语法函数的定义——function和Function 闭包函数： DOM（Document Object Model，文档对象模型）概

悠悠/ 2022年04月24日 06:22/ 0 赞/ 160 阅读

相关 jQuery的Ajax操作小结——$.ajax和$.getJSON等用法小结

一、$.ajax用法与举例 jQuery.ajax(url,\[settings\]) ——返回值:XMLHttpRequest 通过 HTTP 请求加载远程数据，这个是j

水深无声/ 2022年01月11日 22:55/ 0 赞/ 207 阅读

相关 ajax跨域问题小结

跨域：跨域名的访问，是浏览器对ajax的一种限制，这样可以有效的防止跨站攻击跨域的范畴：域名不同或端口不同或二级域名不同解决方案：　第一种：由于前端基础

淡淡的烟草味﹌/ 2021年12月15日 11:33/ 0 赞/ 278 阅读

相关 ajax的“同步”与“异步”小结

在总结这个问题时，我们需要知道两点： 1.在没有ajax时我们解决问题是什么样的一个情况？ 2.ajax产生后给我带来什么样的便利？又带来什么样的问题？ 3.为什么产生之

冷不防/ 2021年11月10日 20:02/ 0 赞/ 328 阅读