广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >ajax提交到java后台之后处理数据的示例分析
  • 726
分享到

ajax提交到java后台之后处理数据的示例分析

2024-04-02 19:04:59 726人浏览 泡泡鱼
摘要

这篇文章给大家分享的是有关ajax提交到java后台之后处理数据的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。环境:eclipse+struts要实现的效果:点击按钮提

这篇文章给大家分享的是有关ajax提交到java后台之后处理数据的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

环境:eclipse+struts

要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" 
  pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<input type="text" id="userinput"> 
<input type="button" id="submit"> 
<div id="msg"></div> 
</body> 
<script type="text/javascript" src="Jquery-2.1.0.js"></script> 
<script type="text/javascript"> 
window.onload = function() { 
  document.getElementById("submit").onclick = test; 
} 
function test(){ 
  var userinput = document.getElementById("userinput"); 
  $.post("http://localhost:8080/Testspring/TestAction",{username:userinput.value}, 
  function(data, textStatus){ 
    document.getElementById("msg").innerHTML = data; 
  });  
} 
</script> 
</html>

 struts.xml

<action name="TestAction" class="com.action.Test"> 
  <result>index.jsp</result> 
</action>

Test.java

package com.action; 
 
import java.io.PrintWriter; 
import java.util.Map; 
 
import javax.servlet.http.httpservletRequest; 
import javax.servlet.http.HttpServletResponse; 
 
import org.apache.struts2.ServletActionContext; 
 
import com.opensymphony.xwork2.ActionContext; 
import com.opensymphony.xwork2.ActionSupport; 
 
public class Test extends ActionSupport { 
  @Override 
  public String execute() throws Exception { 
    // TODO Auto-generated method stub 
    HttpServletRequest request = org.apache.struts2.ServletActionContext.getRequest(); 
    HttpServletResponse response = ServletActionContext.getResponse(); 
    request.setCharacterEncoding("utf-8"); 
    response.setCharacterEncoding("utf-8"); 
    PrintWriter out = response.getWriter(); 
    out.write(request.getParameter("username")); 
    out.flush(); 
    out.close(); 
    return SUCCESS; 
  } 
}

感谢各位的阅读!关于“ajax提交到java后台之后处理数据的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: ajax提交到java后台之后处理数据的示例分析

本文链接: https://www.lsjlt.com/news/71272.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ajax提交到java后台之后处理数据的示例分析
    这篇文章给大家分享的是有关ajax提交到java后台之后处理数据的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。环境:eclipse+struts要实现的效果:点击按钮提...
    99+
    2022-10-19
  • 微信小程序之表单提交与PHP后台数据交互处理的示例分析
    这篇文章给大家分享的是有关微信小程序之表单提交与PHP后台数据交互处理的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体如下:【form表单提交】form.wxml:&...
    99+
    2022-10-19
  • ajax请求后台接口数据与返回值处理js的示例分析
    这篇文章给大家分享的是有关ajax请求后台接口数据与返回值处理js的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。ajax的代码,用的是jquery的 ajax:$.aj...
    99+
    2022-10-19
  • ajax接收后台数据在html页面显示的示例分析
    这篇文章主要为大家展示了“ajax接收后台数据在html页面显示的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax接收后台数据在html页面显示的...
    99+
    2022-10-19
  • js+ajax处理java后台返回的json对象循环创建到表格的示例分析
    小编给大家分享一下js+ajax处理java后台返回的json对象循环创建到表格的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体如下://注:LO是表格的id; 需要...
    99+
    2022-10-19
  • vue前后台数据交互vue-resource文档的示例分析
    这篇文章给大家分享的是有关vue前后台数据交互vue-resource文档的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Vue可以构建一个完全不依赖后端服务的应用,同时...
    99+
    2022-10-19
  • SpringMVC传日期参数到后台的示例分析
    小编给大家分享一下SpringMVC传日期参数到后台的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、注解方式,在controller层通过initBi...
    99+
    2023-05-30
    springmvc
  • ajax数据处理的示例分析
    这篇文章将为大家详细讲解有关ajax数据处理的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。需要注意的是,调用的封装的数据库,和jQuery的保存地址一、注册(1...
    99+
    2022-10-19
  • vue模拟后台数据调试的示例分析
    这篇文章给大家分享的是有关vue模拟后台数据调试的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。首先创建一个本地json文件,放在项目中如下{  "r...
    99+
    2022-10-19
  • bootstrap中select2动态从后台Ajax动态获取数据的示例分析
    这篇文章主要介绍了bootstrap中select2动态从后台Ajax动态获取数据的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Bootstrap是什么Bootst...
    99+
    2023-06-08
  • vue-Resource与后端数据交互的示例分析
    这篇文章主要为大家展示了“vue-Resource与后端数据交互的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue-Resource与后端数据交互的...
    99+
    2022-10-19
  • Vue前后端数据交互与显示的示例分析
    小编给大家分享一下Vue前后端数据交互与显示的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、技术概述将后端所计算的数据呈现在前端页面的相应位置并根据用...
    99+
    2023-06-15
  • jquery中dataTable后台加载数据并分页的示例分析
    这篇文章主要为大家展示了“jquery中dataTable后台加载数据并分页的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jquery中dataTab...
    99+
    2022-10-19
  • Eolink上传文件到Java后台进行处理的示例代码
    Eolink上传文件配置: 接收文件请求并进行业务处理 @RequestMapping(value = "shangchuan") @ResponseBody public s...
    99+
    2022-12-09
    Eolink上传文件 java文件上传 Eolink上传文件配置
  • hadoop大数据处理平台的示例分析
    这篇文章给大家分享的是有关hadoop大数据处理平台的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。大数据能够在国内得到快速发展,甚至是国家层面的支持,最为重要的一点就是我们纯国产大数据处理技术的突破以及...
    99+
    2023-06-02
  • datalist输入框与后台数据库数据动态匹配的示例分析
    这篇文章主要介绍datalist输入框与后台数据库数据动态匹配的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!最近项目中涉及到一个小功能,客户在选择供应商时,由于供应商数目较...
    99+
    2022-10-19
  • Bootstrap进度条与AJAX后端数据传递结合使用的示例分析
    这篇文章主要介绍了Bootstrap进度条与AJAX后端数据传递结合使用的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。很多时候,我...
    99+
    2022-10-19
  • 如何解决ajax提交到后台数据成功但返回不走success而走的error问题
    这篇文章主要介绍了如何解决ajax提交到后台数据成功但返回不走success而走的error问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下...
    99+
    2022-10-19
  • Java数据结构和算法之前缀、中缀和后缀表达式的示例分析
    小编给大家分享一下Java数据结构和算法之前缀、中缀和后缀表达式的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1、人如何解析算术表达式如何解析算术表达式?或者换种说法,遇到某个算术表达式,我们是如何计算的:①、求...
    99+
    2023-06-28
  • json与jsonp区别及通过ajax获得json数据后格式转换的示例分析
    json与jsonp区别及通过ajax获得json数据后格式转换的示例分析,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。&nb...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作