AjAX的使用

超、凢脫俗 2024-02-17 18:41 42阅读 0赞

Ajax（asynchronous javascript and XML）无刷新的情况下页面内容发生改变  
  
  
  
  
工作原理：  
在用户与服务器之间加了一个中间层，使用户操作和服务器响应异步化。并不是所有的用户请求都提交给服务器，像一些数据验证和数据处理等交给Ajax引擎自己做。  
  
  
Ajax核心对象XMLHttpRequest  
var xnlHttpRqObj=new XMLHttpRequest();创建普通的方式，ie浏览器例外  
  
  
对于innerHTML 属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML  
  
  
流程：  
创建XMLHttpRequest对象  
创建一个http请求  
设置响应http请求回调函数  
发送HTTP请求  
等待请示的响应  
使用DOM实现局部刷新  
  
  
属性：  
readyState:就绪的状态，0，1，2,3,4  
statue:服务器的http状态码  
onreadystatechange：状态改变时触发该事件  
responseText：服务器的响应，表示为一个字符串  
  
  
方法：  
open(“method”,”url”):建立对服务器的调用  
send（content）：向服务器发送请求  
abort（）：停止当前的所有请求  
  
  
  
  
  
  
  
  
<script>  
function loadXMLDoc()  
\{  
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.onreadystatechange=function()  
\{  
if (xmlhttp.readyState==4 && xmlhttp.status==200)  
\{\}  
\}  
xmlhttp.open("GET",url,true);  
xmlhttp.send();

发表评论取消回复

表情：

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

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

相关阅读

相关 AJAX的使用

AJAX 1.AJAX是什么 > Ajax的全称是Asynchronous JavaScript and XML,中文定义为”异步JavaScript和XML”...

朱雀/ 2024年04月19日 12:27/ 0 赞/ 52 阅读

相关 AjAX的使用

Ajax（asynchronous javascript and XML）无刷新的情况下页面内容发生改变工作原理：在用户与服务器之间加了一个

超、凢脫俗/ 2024年02月17日 18:41/ 0 赞/ 43 阅读

相关【Ajax】jQuery中Ajax的使用

【Ajax】jQuery Ajax的使用简介：jQuery提供多个与Ajax有关的方法。通过jQuery Ajax方法，能够使用HTTP Get和 HTTP Post从

╰+攻爆jí腚メ/ 2023年10月08日 15:17/ 0 赞/ 8 阅读

相关 Ajax嵌套Ajax的使用

需要post,get设置为同步,全局设置： $.ajaxSetup({ async:false }); 或 $.

╰半橙微兮°/ 2022年11月11日 15:54/ 0 赞/ 183 阅读

相关 springcloud使用ajax,SpringBoot-Ajax的使用

Ajax概述 Ajax 是什么？ Ajax (Asynchronous JavaScript and XML) 是一种Web应用客户端技术,可以借助客户端脚本(javasc

分手后的思念是犯贱/ 2022年09月03日 06:26/ 0 赞/ 185 阅读

相关 ajax的初次使用

一、get请求需注意几点： 1、如果需要提起多个请求，需要创建多个XMLHttpRequest对象 2、了解XMLHttpRequest对象中open、

拼搏现实的明天。/ 2022年06月12日 12:08/ 0 赞/ 230 阅读

相关 AJAX参数的使用

1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为ge

末蓝、/ 2022年06月09日 13:37/ 0 赞/ 147 阅读

相关 Jquery Ajax的使用

Ajax概述 Ajax就是通过 HTTP 请求加载远程数据。通常用于定制一些http请求来灵活的完成前端与后端的数据交互需求。注意，所有的选项都可以通过$.ajaxS

灰太狼/ 2022年05月26日 02:29/ 0 赞/ 220 阅读

相关 Ajax使用的技术

Ajax是XMLHttpRequest对象和JavaScript、XML、CSS、DOM等多种技术的组合。其中，只有XMLHttpRequest对象是新技术，其他的均为已有

约定不等于承诺〃/ 2022年05月12日 00:24/ 0 赞/ 188 阅读

相关 ajax使用 ajax+json

首先将ajax写于js方法中,定义事件,让元素触发,触发之后就会有数据产生给服务端 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

柔情只为你懂/ 2022年04月18日 05:13/ 0 赞/ 276 阅读