首页 > 其他分享 >AJAX

AJAX

时间:2022-11-19 22:35:56浏览次数:54  
标签:异步 AJAX 服务器进行 服务器 所示 服务器发送

1、概念

AJAX:异步的JavaScript和XML

2、AJAX作用:

(1)与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据。

       使用了AJAX和服务器进行通信,就可以使用HTML+AJAX来替换JSP页面了。这种方式就能够实现前后端分离,如下图所示。

 

 

(2)异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用校验,等等......

同步和异步的区别如下图所示:

 

 

3、AJAX的使用

 

 上面的这些代码模板可以在W3school的AJAX板块能够找到,其他的根据自己的需要修改即可。

注意:向服务器发送请求中的参数url要写全路径,因为在实际开发中前后端分离后两者不在同一个服务器上,因此不能写相对路径,要写全路径。

 

4、案例:使用AJAX验证用户名是否存在

具体流程如下图所示:

 

标签:异步,AJAX,服务器进行,服务器,所示,服务器发送
From: https://www.cnblogs.com/qiqi-yi/p/16907367.html

相关文章

  • dojo ajax 方法参数讲解 dojo.xhrPost
    fieldtypedescriptioncontent:ObjectContainspropertieswithstringvalues.Thesepropertieswillbeserializedasname1=value2andpas......
  • jQuery ajax上传文件
    <script>varformData=newFormData();constdate=$("#datepicker2").val();formData.append("date",date);formData.append("file",$("#upload")[0].f......
  • 25.JQury Ajax
    使用方法用菜鸟在线编辑器,不能允许跨站访问,不能从百度跳到谷歌getpostAJAXget......
  • ajax个人信息案例
    案例分析:如图所示,页面加载时有数据回填,同时实现select表单同步和图片上传,保存后上传至服务器等功能HTML模板:<!DOCTYPEhtml><htmllang="en"><head><metachars......
  • 19.Ajax
    概述在搜索框输入返回的结果就是ajax......
  • AJAX-基础步骤
          发送AJAX get请求:第一步:创建AJAX核心XMLHttpRequest对象varxhr=newXMLHttpRequest 第二步:注册回调函数;onreadystatechange是一个回调函......
  • vue中的ajax
    vue中的ajaxvue脚手架配置代理方法一​ 在vue.config.js中添加如下配置:devServer:{proxy:"http://localhost:5000"}说明:优点:配置简单,请求资源时直接发给前端(80......
  • jQuery中的Ajax
    1、了解jQuery中的Ajax (1)、      (2)、    (3)、$.ajax()的使用较广泛  ......
  • Flask框架:如何运用Ajax轮询动态绘图
    本文分享自华为云社区《​​Flask框架:运用Ajax轮询动态绘图​​》,作者:LyShark。Ajax是异步JavaScript和XML可用于前后端交互,在之前​​《Flask框架:运用Ajax实现数据交互》......
  • 8.Ajax研究(2)
    6.SpringMVC实现Ajax。1.实体类User@Data@AllArgsConstructor@NoArgsConstructorpublicclassUser{privateintage;privateStringname;privateS......