简单介绍一下AjAx

╰半夏微凉° 2021-10-15 10:51 374阅读 0赞

### 什么是AjAx？  异步的javascript和xml。 ###

### 作用是什么？  通过AjAx与服务器进行数据交换，AjAx可以使用网页实现布局更新。  这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 ###

### 怎么来实现Ajax？ ###

[https://www.w3school.com.cn/xml/xml\_http.asp][https_www.w3school.com.cn_xml_xml_http.asp]

XmlHttpRequest对象，使用这个对象可以异步向服务器发送请求，获取响应更新，完成局部更新。 Open send responseText/responseXML 局部响应。

### 使用场景  登录失败不跳转页面。  注册实时提示用户名是否存在。  省市区的联动。  管理图片服务器，进行延时加载。    ###

### 原生AjAx写法： ###

var XHR=null; 
    if (window.XMLHttpRequest) { 
        // 非IE内核 
        XHR = new XMLHttpRequest(); 
    } else if (window.ActiveXObject) { 
        // IE内核,这里早期IE的版本写法不同,具体可以查询下 
        XHR = new ActiveXObject("Microsoft.XMLHTTP"); 
    } else { 
        XHR = null; 
    } 
    
    if(XHR){ 
        XHR.open("GET", "ajaxServer.action"); 
        XHR.onreadystatechange = function () { 
            // readyState值说明 
            // 0,初始化,XHR对象已经创建,还未执行open 
            // 1,载入,已经调用open方法,但是还没发送请求 
            // 2,载入完成,请求已经发送完成 
            // 3,交互,可以接收到部分数据 
            // status值说明 
            // 200:成功 
            // 404:没有发现文件、查询或URl 
            // 500:服务器产生内部错误 
            if (XHR.readyState == 4 && XHR.status == 200) { 
                // 这里可以对返回的内容做处理 
                // 一般会返回JSON或XML数据格式 
                console.log(XHR.responseText); 
                // 主动释放,JS本身也会回收的 
                XHR = null; 
            } 
        }; 
        XHR.send(); 
    }

### Jquery AjAx写法： ###

$.ajax({ 
            url:"servlet", 
            type:"post",//get 
            data:{}, 
            async:true, 
            cache:true, 
            complete:function(){}, 
            traditional:false, 
            dataType:"json", 
            success:function(data){}, 
            error:function(){} 
         }); 
     $.post("servlet",{},function(data){},"json"); 
     $.get("servlet",function(data){},"json");

[https_www.w3school.com.cn_xml_xml_http.asp]: https://www.w3school.com.cn/xml/xml_http.asp

发表评论取消回复

表情：

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

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

相关阅读

相关简单介绍一下yolov5

YOLOv5是一种计算机视觉的目标检测算法，它的全称是"You Only Look Once version 5"。与之前的YOLO版本相比，YOLOv5具有更快的检测速度和更

柔光的暖阳◎/ 2024年03月25日 07:01/ 0 赞/ 42 阅读

相关用自己的话来介绍一下ajax,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点，如果这些你都会的话，请直接跳转到封装ajax框架！(代码篇) 一、

绝地灬酷狼/ 2022年09月03日 15:24/ 0 赞/ 174 阅读

相关用自己的话来介绍一下ajax,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点，如果这些你都会的话，请直接跳转到封装ajax框架！(代码篇) 一、

深碍√TFBOYSˉ_/ 2022年08月29日 00:19/ 0 赞/ 183 阅读

相关 AJAX简单介绍

ajax的简单介绍【JAVA修真院小课堂】AJAX简单介绍大家好,我是我是郑州分院第九期java学员张强，一枚正直纯洁善良的Java程序员。今天给大家分享一下，修真院官

秒速五厘米/ 2022年05月21日 11:15/ 0 赞/ 252 阅读

相关 Ajax简单介绍

1.什么是Ajax? Ajax是与服务器交换数据并更新部分网页的技术，在不重新加载整个网页的情况下。 2.如何使用Ajax? 1.创建一个异步对象；

r囧r小猫/ 2022年05月08日 13:46/ 0 赞/ 199 阅读

相关 [Ajax]Ajax基础知识简单介绍

Ajax:Asynchronous Javascript And XML（异步 JavaScript 和 XML）.不是新的编程语言，而是一种用于创建快速动态网页的技术.所以,

野性酷女/ 2022年04月16日 01:23/ 0 赞/ 305 阅读

相关简单介绍一下 Linux 文件系统？

1.在Linux操作系统中，所有被操作系统管理的资源，例如网络接口卡、磁盘驱动器、打印机、输入输出设备、普通文件或是目录都被看作是一个文件。也就是说在LINUX系统中有一

小鱼儿/ 2022年03月09日 11:28/ 0 赞/ 253 阅读

相关简单介绍一下AjAx

什么是AjAx？异步的javascript和xml。作用是什么？通过AjAx与服务器进行数据交换，AjAx可以使用网页实现布局更新。这意味着可以在不重新加

╰半夏微凉°/ 2021年10月15日 10:51/ 0 赞/ 375 阅读

相关简单介绍一下SqlSession，及四大对象

一、什么是SqlSession呢？ SqlSession是Mybatis最重要的构建之一，可以简单的任务Mybatis一系列的配置目的是生成类似JDBC生成的Connec

超、凢脫俗/ 2021年10月09日 07:26/ 0 赞/ 286 阅读

相关 Ajax系列之简单介绍笔记

什么是AJAX，为什么要使用AJAX Ajax（Asynchronous JavaScript and XML的缩写）：一种创建交互式网页应用的网页开发技术。包含下列技术

刺骨的言语ヽ痛彻心扉/ 2021年09月14日 06:14/ 0 赞/ 320 阅读