关于JAVAweb开发中Ajax教程

大家好，我是小白！已经很久没向大家分享我的学习内容，这次呢我讲给大家带来Ajax的教程。希望能给大家带来帮助，同时也巩固一下自己的学习！

一、Ajax是什么？

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

二、为什么要使用它

通过异步模式，提升了用户体验
优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。
4.Ajax可以实现动态不刷新（局部刷新），
就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。

三、需要什么来用它

因为他并不是一门新的语言，而是一门技术。所以我们将在实际操作进行演示，怎么去用它。因为原生Ajax较为复杂，这里我们选用jQuery(jQuery 是一个 JavaScript 库)，jQuery 库拥有完整的 Ajax 兼容套件。
大家可以选择官网下载，也可以CDN引入。
这里我给大家提供本地文件下载
链接：https://pan.baidu.com/s/1zMdRq-rQ-MLGTMHdKbXeIQ
提取码：ldp7

四、开始操作

1.我们先创建一个jsp页面叫做（AjaxTest）
2.然后创建一个文本框和按钮
3.再引入Jquery库以及创建Script脚本标签

4.创建一个severlet用于响应Ajax请求，名字叫(AjaxServlet)

五、效果展示

我们看看浏览器控制台打印的内容

再看看编译器控制台

六、代码区可复制

jsp页面代码：
下面展示一些 内联代码片。

<body>
<div class="All"><input type="text" id="word"><input type="button" id="btn" value="确定">
</div>
</body>
<script src="js/jquery-3.4.1.js"></script>
<script>$('#btn').click(function () {var name=$('#word').val();//获取文本框值$.ajax({url:"/AjaxServlet",//这里写Severlet的路径type:"post",//请求方法data:{"name":name},//亲求数据dataType:"json",//请求格式success:function (strs) {//请求成功后可在这里进行Dom操作或者数据处理console.log(strs);//将请求后得到的数据打印出来}});});
</script>

sevlet代码：

            request.setCharacterEncoding("UTF-8");//截取字码，防止乱码String name=request.getParameter("name");//这里的name是刚才Ajax传过来的值的键,格式有些像JAVA的map集合System.out.println(name);//打印Ajax传过来的值response.setContentType("text/html;charset=UTF-8");//设置字码，防止乱码String n="张三";//声明一个字符串response.getWriter().write(n);//将字符串响应数据给Ajax请求

总结

在写Ajax一定注意给它的路径一定要正确，不然就会报404的错误，Ajax只是一门技术并不是语言，所以熟能生巧，各位可以照着我上面举的例子进行举一反三！

大家共同进步

JAVAweb开发中Ajax教程相关推荐

javaweb开发中的那些坑
最近电脑有点问题,没办法就重装系统了,花了一个晚上重装IDE.,配置环境,好不容易把eclipse的环境弄好,加载之前的项目时却又到各种问题,一怒之下,写一篇记录下在javaweb开发中遇到的各种坑 ...
java泛型dao,泛型DAO模式在JavaWeb开发中的应用_孟晨.pdf
泛型DAO模式在JavaWeb开发中的应用_孟晨 29 1 Vol. 29 No． 1 第卷第期计算机应用与软件 20 12 1 Computer Applications and Softwa ...
JavaWeb开发中出现DataSource读取不到怎么办呢？(详细，适合初入门的程序员)
这样的问题是怎么产生的呢?其实啊也不难,来吧,跟我走一遍~ 目录前言二.使用步骤 1.基本的JavaWeb项目的结构 1.1 创建一个JavaWeb项目 1.2 配置文件的配置 1. ...
java面试（二十六）--（1）J2EE中常用名词（2）讲一下redis的主从复制怎么做的？（3）请谈谈你对Javaweb开发中的监听器的理解？（4）按之字形顺序打印二叉树（5）内部类大全
1.J2EE中常用名词 web容器:给处于其中的应用程序组件(JSP,SERVLET)提供一个环境,使 JSP,SERVLET直接跟容器中的环境变量接**互,不必关注其它系统问题.主要有WEB服务器来 ...
javaWEB开发中get方式请求的乱码问题解决
为什么80%的码农都做不了架构师?>>> 我们在日常的开发中难免会遇到一些乱码问题的解决这个能解决一般get方式乱码问题 public String getStr(Strin ...
JavaWeb开发中，servlet的url-pattern的映射规则
原文出处:http://www.cnblogs.com/mailingfeng/archive/2012/04/05/2432687.html Servlet和filter是J2EE开发中常用的技术, ...
[JavaWeb开发中]HTTP 协议的基本格式和Fiddler抓包工具
目录 1.HTTP是什么? 2.经典的模型图 3.当我们按下回车发生了什么? 4.理解 HTTP 协议的工作过程 5.HTTP 协议格式 1.常用的抓包工具 2.抓包原理 3.抓包结果 4.协议格式总 ...
【java学习笔记】浅析JavaWeb开发中Model1模式和Model2模式
Model1模式 JavaBean就是java类,JavaBean分两类:一类是实体Bean,一类是业务Bean model1模式优点:执行效率高,开发效率比较高,适合小型项目 model1模式缺点: ...
javaWeb开发中为什么要使用框架
ps:对于框架,刚开始接触编程,网络上查询资料,框架肯定是出现得比较频繁的词,为什么使用框架?当然是因为能够方便我们开发啦,那没有框架之前呢?不用框架该怎么实现呢?个人觉得明白这点对以后使用框架有很大 ...
JavaWeb开发中遇到的错误 org apache catalina core StandardWrapperValv
org.apache.catalina.core.StandardWrapperValve invoke 今天写代码,竟然接连遇到这个异常好几次.debug几个小时才弄明白,晕. 上网找了些拼凑下做个 ...

JAVAweb开发中Ajax教程