AJAX是一门很重要的技术，主要作用就是增强用户的体验。AJAX全名为：ASynchronous JavaScript And XML，异步的JavaScript和XML。其中同步和异步的差异，以客户端向服务器发送请求及服务器响应的过程，简单说明下：
6) JSP的脚本元素 ① 脚本片段是嵌入到JSP中Java代码段，格式以<%开头，%>结尾，两个%号之间就可以编写Java代码了
注：三层架构分为表述层（或表示层）、业务逻辑层、数据访问层，表述层表示前台页面和后台servlet
当我们访问jsp时，访问路径：http://localhost:8080/ajax-request.jsp
作为资深球迷，提起Ajax，第一反应想到的是阿贾克斯，那个曾培养出伊布，范德法特，苏亚雷斯，亨特拉尔等一众球星的荷甲著名球队。
V：View，视图层，指工程中的html或jsp等页面，作用是与用户进行交互，展示数据
注：由于 Maven 的传递性，我们不必将所有需要的包全部配置依赖，而是配置最顶端的依赖，其他靠传递性导入。
用户删除与用户退出 以删除指定empId的员工为例 一、js方式 1、在jsp界面中，找到删除按钮所在的地方，为其添加超链接javascript:delEmp('${emp.empId'}，代表点击删除时调用delEmp函数，并且传入empId的值。 2、在Jsp页面的script代码中创建delEmp（empId）函数。 3、完善业务层、servlet代码中的删除操作。 二、Ajax方式 1、定位到删除操作，通过javaScript:void(0)阻断a标签的href属性。使我们单击时，即可触发del()
出于安全考虑，对于Ajax请求，浏览器会发起同源检查。所谓的同源是指发出请求的网页与请求的服务器对应的通讯协议、域名、端口完全一致。如果发起请求的网页和Ajax请求的目标地址不同源就会出现所谓的跨域问题而无法正确访问。
纯JS原生实现Ajax我们不去讲解这里，直接使用jquery提供的，方便学习和使用，避免重复造轮子，有兴趣的同学可以去了解下JS原生XMLHttpRequest ！
- Web服务器 - 概念: - web资源: "英文直译"网"的意思 资源:一切数据文件 web资源:通过网络可以访问到的资源,通常指的是一切放在服务器上的文件" - web资源的分类: - 静态的web资源: " 内容是一成不变的" - 动态的web资源: " 内容有可能在不同的时间或者不同的人访问的时候会发生改变的" - web技术分类 - 静态的web技术
(3) 启动tomcat，在浏览器输入http://localhost:8080/工程名/访问服务器的路径
Ajax的工作原理相当于在客户端和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
2. jsp 页面一般情况下放在 top(前台页面) back(后台页面) 3. 后台代码 放在src下面，分为： 1. dao层(与数据库相关) 2. domain层（实体层） 3. service层 （服务层） 4. servlet层
Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。
1、新建一个ajax.html页面 我们通过点击按钮执行ajax方法，将提交的数据显示在上图下面那个div中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <style type="text/css">
注：尤其重点记忆Ajax的方式，因为这种方式应用范围最广,其他属性请自行搜索jquey的API
服务器推技术 最近参与的一个关于股票的项目，有这样一个需求。服务器需要主动推送给客户端消息。这和传统的Web模式不同。传统的Web系统，客户端和服务器的交互是这样的： 客户端先和服务器建立一个TCP连接，然后客户端开始发送数据，服务器端接受数据，并且根据请求去反馈相应的信息，然后服务器终止TCP连接。 现在的HTTP1.1版本都默认Connection:keep-alive 。就是所谓的长连接，在服务器返回客户端信息之后，服务器端不会立刻断开连接，而是保持连接，直到服务器设定Timeout时间限制为止。当然
一类称为业务处理 Bean：指 Service 或 Dao 对象，专门用于处理业务逻辑和数据访问。
Ajax(Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。
在实际开发中，完成注册功能前，如果用户填写用户信息，准备填写其他信息时，将提示当前用户的用户名是否可用。效果图如下：
如何解决跨域问题？首先我们需要知道什么是跨域，跨域指的是浏览器不能执行其它网站的脚本，它是由浏览器的同源策略造成的，是浏览器对JavaScript 施加的安全限制。
全称: Asynchronized(异步) Javascript And Xml 技术组成有: Javascript、DOM、CSS 和 XMLHttpRequest
1、实现实现WebMvcConfig配置类可以解决页面不能加载css,js的问题；
传统的js的跨域处理： tomcat1的代码如下： 5.ajax_domain.html
AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发 技术。
在上篇博客中，我们聊了《JavaEE开发之SpringMVC中的自定义拦截器及异常处理》。本篇博客我们继续的来聊SpringMVC的东西，下方我们将会聊到js、css这些静态文件的加载配置，以及服务器推送的两种实现方式。当然我们在服务器推送时，会用到JQuery的东西，所以我们先聊一下如何加载静态资源文件，然后我们再聊如何实现服务器推送。 下方给出了两种实现服务器推送的方式，一种是SSE(Server Send Event （服务端推送事件）)另一种是基于Servlet异步处理的推送，下方会给出详细的实现方
JavaScript 中 XMLHttpRequest对象是整个Ajax技术的核心，它提供了异步发送请求的能力。
本节的服务端推送技术基于：当客户端向服务端发送请求，服务端会抓住这个请求不放，当有数据更新的时候才返回给客户端，当客户端接收到消息后，再向服务端发送请求，周而复始
Axios 引入 axios 的 js 文件 ```html <script src="js/axios-0.18.0.js"></script> ``` 使用 axios 发送请求，并获取响应结果 ```js axios({ method: "get", url: "" }).then(function (resp){ alert(resp.data); }) ``` ```js axios({ method: "post", url: "", data: ""
web开发经历了很漫长的时间，在国内也快有十几年的时间了。从最开始的进程级到现在的MVC经历了很多的改进和优化，本篇就主要复习了解下Spring MVC相关的知识。 发展历程 第一阶段 CGI进程响应
web开发经历了很漫长的时间，在国内也快有十几年的时间了。从最开始的进程级到现在的MVC经历了很多的改进和优化，本篇就主要复习了解下Spring MVC相关的知识。 发展历程 第一阶段 CGI进程
以系统的一个“添加商品”的功能为例加以说明，系统页面为add.jsp，如图一所示：
核心语法：$.get(url,[data],[callback],[type]);
我们之前获取前端表单数据的时候，我们需要进行大量的操作。当前我只是进行了浅显的一些认识。
最近在利用springboot+vue整合开发一个前后端分离的个人博客网站，所以这一篇总结一下在开发中遇到的一个问题，关于解决在使用vue和springboot在开发前后端分离的项目时，如何解决跨域问题。在这里分别分享两种方法，分别在前端vue中解决和在后台springboot中解决。
什么是Ajax Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML Ajax实际上是下面这几种技术的融合： (1)XHTML和CSS的基于标准的表示技术 (2)DOM进行动态显示和交互 (3)XML和XSLT进行数据交换和处理 (4)XMLHttpRequest进行异步数据检索 (5)Javascript将以上技术融合在一起 客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术 为什么我们需要Ajax？ 在我们之前的开发，
参考博客：https://blog.csdn.net/Marksinoberg/article/details/55505423
JsonP技术 介绍 JsonP 跨域 同源策略 非同源限制以下行为 常见的跨域场景 跨域的解决方案 JsonP的优缺点 Json的使用 搭建应用场景 JsonP实现手动跨域 jsonDemo1的jsp页面(发送跨域请求) jsonDemo2的controller JsonUtils工具类(需要添加相关坐标jackson-databind) 实现自动跨域(SpringMVC对JsonP的支持) jsonDemo1的jsp页面同上 jsonDemo2的controller 介绍 JsonP Jsonp
回想一下一个http请求的过程，你在浏览器输入xxx.com，经过域名解析 --> 发起tcp的3次握手 --> 建立tcp连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户。
什么是AJAX，为什么要使用Ajax AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。.、 客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么不同？ AJAX应用和传统Web应用有什么不同？ 传统的web前端与后端的交互中，浏览器直接访问Tomcat的Servlet来获取数据。Servlet通过转发把数据发送给浏览器。 当我们使用AJAX之后，浏览器是先把请求发送
最近集成shiro到项目中，遇到该一个报复Response for preflight is invalid (redirect)的问题。
AJAX(Asynchronous JavaScript And XML):异步的JavaScript 和 XML
数据经过网络传输都是以字节为单位的，所以所有的数据都必须能够被序列化为字节。在Java中数据要被序列化，必须继承Serializable接口。
request.readyState 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
JSON数据和Java对象转换 导入坐标 ```xml <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.62</version> </dependency> ``` Java对象转JSON ```java String jsonStr = JSON.toJS
Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
