JSP或者maven 利用ajax,axios语法请求实战项目详解

JSP 利用ajax,axios语法请求实战项目详解

首先整理一下开发的时候首要任务导包

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

最新的Ajax请求代码处理

在这里插入图片描述

这两句代码印象深刻,是我初次写ajax遇到的第一个数据传参遇到的一个大坑这个主要是作用域的问题还有key的事 一定不要写错

	这里只是自己的一个笔记
	//Java后端重定向并且带回参数回前台
	request.getRequestDispatcher("/register.jsp").forward(request,response);
	//如果Ajax通信有编码问题 加上这两句就没问题了
	request.setCharacterEncoding("utf-8");
	response.setContentType("application/json;charser=utf-8;charset=utf-8");

Ajax axios 前端代码

在这里插入图片描述

最终的效果图是

在这里插入图片描述

这是校验中的ajax的demo 以上的axion实战项目

在这里插入图片描述

以下两张图就是记录一下 jsp实现的语法和代码格式,前端给后端发请求 后端通过数据库获取数据封装在list中 然后利用重定向带到jsp前端中 进行遍历 表格显示

在这里插入图片描述
在这里插入图片描述

下面讲解一点实战项目 Ajax部署到云服务器的时候 请求地址的问题

下面就是请求地址的问题 因为部署到服务器之后请求的地址无法固定 所以个人习惯建议用这个$表达式 减少坑坑洼洼的问题
"${pageContext.request.contextPath}/UserNameCheck?username="+check

在这里插入图片描述

推广一下个人网站 www.aolanghs.com 内置资料C#,Java,Mysql,大型公司面试题,开发常用的免费工具,各种常用的源码模块,还有开发常用的框架资源导航条都在网站上!QQ在下面 加我可以免费讲解问题

软件+网站+微信程序需要开发的滴滴我 QQ 2773938492

猜你喜欢

转载自blog.csdn.net/weixin_44907128/article/details/104847968
今日推荐