AjAX的使用

超、凢脫俗 2024-02-17 18:41 65阅读 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 条评论，65人围观）

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

相关阅读

相关 AJAX的使用

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

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

相关 AjAX的使用

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

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

相关【Ajax】jQuery中Ajax的使用

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

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

相关 Ajax & Jquery的使用

Ajax & Jquery Ajax Ajax是什么? Asynchronous Javascript And XML（异步JavaScript和XML）并不

蔚落/ 2022年11月30日 12:50/ 0 赞/ 181 阅读

相关 Ajax嵌套Ajax的使用

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

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

相关 javascript-ajax的使用

index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="

缺乏、安全感/ 2022年09月21日 13:27/ 0 赞/ 102 阅读

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

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

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

相关 ajax的初次使用

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

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

相关 Ajax的简单使用

简介 GET和POST请求 ajax\_demo01.jsp ajax\_demo01Servlet.java ajax\_demo02servlet.java 结果

爱被打了一巴掌/ 2022年04月23日 10:16/ 0 赞/ 212 阅读

相关 ajax使用 ajax+json

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

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