IT袋

当前位置:主页 > 经验教程 > 建站编程 >

什么是ajax

什么是ajax 有什么作用

时间:2024-01-22 16:24:00 来源:IT袋 作者:马勇
导读:什么是ajax,为大家说一说什么是ajaxIT技巧方面的经验,请看下面详细的介绍。 1、什么是AJAX 概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML AJAX作用: 与服务器进行数据交

什么是ajax

为大家说一说什么是ajaxIT技巧方面的经验,请看下面详细的介绍。

1、什么是AJAX

概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML

AJAX作用:

  • 与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据
  • 后台发送:浏览器的请求是后台js发送给服务器的,js会创建单独的线程发送异步请求,这个线程不会影响浏览器的线程运行。
  • 局部刷新:浏览器接收到结果以后进行页面局部刷新

没学习AJAX之前发送请求和获取响应的方式:

什么是ajax

  • 浏览器发送HTTP返回的是一个完整的网页,浏览器会显示这个网页,
  • 浏览器会等待服务器的响应(同步请求)

学习AJAX之后

什么是ajax

  • AJAX返回的是部分数据,浏览器内容不会变化
  • 后台发送,不影响浏览器的操作(异步请求)

使用了AJAX和服务器进行通信,就可以使用 HTML+AJAX来替换JSP页面了举例:

  1. 使用HTTP获取一个完整的网页

什么是ajax

  1. 登录的时候输入用户名,失去焦点的时候,就会使用AJAX发送一个异步请求到后台,然后返回用户存在与否的结果

什么是ajax

2、AJAX快速入门

参考网址:https://www.w3school.com.cn/

步骤:

  1. 编写AjaxServlet,并使用response输出字符串
  2. 创建 XMLHttpRequest 对象:用于和服务器交换数据
 let xmlhttp = new XMLHttpRequest()
  1. 向服务器发送请求
xmlhttp.open("GET",“url");
xmlhttp.send();//发送请求
  1. 获取服务器响应数据
xmlHttp.onreadystatechange=function (){
    if(xmlHttp.readyState==4 && xmlHttp.status=200){
        alert(xmlHttp.responseText);
    }
}

代码实现

相关阅读

  • ui界面设计模板 ui界面设计模板网站

    ui界面设计模板 ui界面设计模板网站

    全面的为大家介绍ui界面设计模板和ui界面设计模板网站的电脑方面的小经验,接下来小编为网友介绍。 现如今,后台界面的设计需求很常见。在很多活动中,人们希望通过一个数据可视化界面

  • zblogphp后台固定域名导致网站无法访问解决方法

    zblogphp后台固定域名导致网站无法访问解决方法

    zblog后台设置固定域名之后,有时候服务器证书到期了或者更换了域名就导致网站无法正常访问了,连后台也打不开,进不去 ,针对这个问题,下面IT袋小编就给各位网站长分享解决方法,希望

  • MySQL深度解析:去重方法的全面指南

    MySQL深度解析:去重方法的全面指南

    跟大家说一说MySQL深度解析的相关介绍,下面为详细的介绍。 在数据库操作中,我们经常会遇到需要去重的场景。 对于MySQL这样的关系型数据库,提供了多种强大的去重工具和技巧。 本文将详

  • 个人网页制作步骤有哪些 html零基础入门教程

    个人网页制作步骤有哪些 html零基础入门教程

    今天介绍个人网页制作步骤有哪些和html零基础入门教程的相关介绍,接下来一起来看看吧。 现在,无论是企业还是个人,想要在网络做推广,拥有一个独立的网站还是很有必要的。然而,找网

属性描述
onreadystatechange定义了当 readyState 属性发生改变时所调用的函数。
readyState保存了 XMLHttpRequest 的状态。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 正在处理请求
4: 请求已完成且响应已就绪