ajax提交，不用刷新网页

最新推荐文章于 2022-04-25 19:39:01 发布

单线程患者

最新推荐文章于 2022-04-25 19:39:01 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript web 文章标签： Ajax提交案例

本文链接：https://blog.csdn.net/weixin_43299461/article/details/85253203

本文介绍了如何使用Ajax进行数据提交，实现网页无刷新的效果。通过HTML、JavaScript（jQuery）和Java后端代码的配合，详细讲解了所需文件及代码实现过程。只需按照教程修改相应值，即可将Ajax提交应用到实际项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先上图：
在这里插入图片描述
网页是没有刷新的！

需要有一下五个文件。你需会使用html，JavaScript以及它的库jquery，java。下面一个个讲。

首先你要有图上的两个.JS文件，怕麻烦不下载可以用网络上的：

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>

在前端网页中的代码（index.jsp）：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-