JAVAWEB项目--POST完整交互(servlet,axios,JavaScript)

这篇具有很好参考价值的文章主要介绍了JAVAWEB项目--POST完整交互(servlet,axios,JavaScript)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

post交互
js:
 

  axios.post("/mycsdn/blog/pageSer", {
        currentPage:currentPage,
    })
        .then(function (response) {
                    window.location.href = url;
        })
        .catch(function (error) {
            console.error("分页未遂", error);
        });

后端servlet:

    public void getTotalSer(HttpServletRequest request,HttpServletResponse response) throws IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html; charset=utf-8"); //json数据
        JSONObject jsonRequest = GetJsonObject.getJsonObject(request);
        // 获取前端传过来的当前页码,和博主的账号
        String account = jsonRequest.getString("account");
        int pageSize = jsonRequest.getInt("pageSize");

响应前端:
 

  JSONObject json = new JSONObject();
        json.put("totalCount", totalCount);
        json.put("totalPage", totalPage);

// 将JSONObject对象转换为JSON字符串
        String jsonString = json.toString();
// 将JSON字符串发送到前端
        response.getWriter().write(jsonString);

前端接收:

在axios的回调函数中.then(function (response) {
            console.log(response.data);)}
response.data就能拿到后端响应过来的数据


 文章来源地址https://www.toymoban.com/news/detail-621837.html

到了这里,关于JAVAWEB项目--POST完整交互(servlet,axios,JavaScript)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【JavaWeb】JavaScript

    Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码。 JS 是 Netscape 网景公司的产品,最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。  JS 是弱类型,Java 是强类型。 弱类型就是类型可变, 强类型就是

    2024年02月01日
    浏览(38)
  • JavaWeb 速通JavaScript

    目录 一、JavaScript快速入门         1.基本介绍 :          2.JavaScript特点 :          3.JavaScript使用方式 :                  1° 方式一 : 写在script标签中                 2° 方式二 : 以外部文件形式引入                 PS : 注意事项         4.JavaScript查错方式 :  二、

    2024年02月13日
    浏览(35)
  • 02.JavaWeb-JavaScript

            js是一个基于对象和事件驱动且安全的脚本语言,能为网页添加交互性和动态功能         1.js是一个解释性编程语言,由浏览器直接解析;而Java是一个编译型的编程语言。         2.js是一个弱类型语言;而Java是一个强类型语言;         ECMAScript是JavaScript的核

    2024年02月07日
    浏览(37)
  • 3.3 JavaWeb-JavaScript

    目录 3.3.1 JavaScript 3.3.1.1 JavaScript概述 3.3.1.2 JavaScript用法 3.3.2 基础语法 3.3.2.1 JavaScript 输出  3.3.2.2 JavaScript 运算符、控制语句、语法 3.3.2.2.1 增强for循环  3.3.2.3 JavaScript 数据类型 3.3.3 API 3.3.3.1 Math 3.3.3.2 Date 3.3.3.3 Array数组 数组的声明  数组的创建 数组的赋值  3.3.3.4

    2024年02月07日
    浏览(32)
  • JavaWeb第三章:JavaScript的全面知识

    目录 前言 一.JavaScript的简介 💖概念 💖学习内容 二.JavaScript的引入方式 💖内部脚本 💖外部脚本 三.JavaScript的基础语法 💖语法的书写 💖变量  ✨ 全局变量       ✨局部变量 ✨常量  💖JavaScript的数据类型 💖JavaScript运算符 ✨运算符的讲解 ✨类型转换 💖流程控制语句

    2024年02月16日
    浏览(42)
  • [JavaWeb]【一】入门JavaWeb开发总概及HTML、CSS、JavaScript

    目录 一 特色  二  收获​编辑  三 什么是web? 四 网站的工作流程  五 web网站的开发模式​编辑  六 web开发课程学习安排  七、初始web前端  八 HTML、CSS 8.1 什么是HTNLCSS(w3cschool) 8.2 HTML快速入门 8.3 VS Code开发工具 8.3.1  插件  8.3.2 主题(改变颜色) 8.3.3 设置 8.4 基础标签样

    2024年02月12日
    浏览(43)
  • 在 javascript 中使用 xmlHttpRequest 发送 POST 请求

    本文将通过不同的示例解释如何使用 JavaScript 代码在 AJAX 编程中发送 XMLHttpRequest post 请求。 要从 Web 服务器获取数据,我们使用 XMLHttpRequest (XHR)。 它是一种对象形式的 API,可在 Web 浏览器和 Web 服务器之间传输数据。 XMLHttpRequest 主要用于 AJAX 编程。 AJAX编程 AJAX 代表异步 Ja

    2024年02月12日
    浏览(42)
  • IDEA项目实践——JavaWeb简介以及Servlet编程实战

    IDEA项目实践——创建Java项目以及创建Maven项目案例、使用数据库连接池创建项目简介 IDEWA项目实践——mybatis的一些基本原理以及案例 IDEA项目实践——动态SQL、关系映射、注解开发 IDEA项目实践——Spring框架简介,以及IOC注解 IDEA项目实践——Spring当中的切面AOP IDEA项目实践—

    2024年02月13日
    浏览(47)
  • 如何通过 Axios 和 JavaScript 使用 OpenAI API

    领先的 AI 研究实验室 OpenAI 创建了一个强大的 API,允许开发人员利用尖端的 AI 功能并使用 GPT3 等生成语言模型。在本教程中,我们将向您展示如何将 OpenAI API 与 Axios 和 JavaScript 结合使用,让您一窥由 AI 驱动的 Web 开发的未来。 Axios 是一个流行的 JavaScript 库,用于发出 HTTP

    2024年02月07日
    浏览(44)
  • 前端网络请求之JavaScript XHR、Fetch、Axios

    AJAX:一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。在不重新加载整个网页的情况下,对网页的某部分进行更新 Fetch:基于 promise 设计的。Fetch 的代码结构比起 ajax 简单多。fetch 不是 aj

    2024年01月23日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包