快捷導(dǎo)航

ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)

更新時(shí)間：2017年05月24日 09:11:01 投稿：jingxian

下面小編就為大家?guī)?lái)一篇ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

環(huán)境：eclipse+struts

要實(shí)現(xiàn)的效果：點(diǎn)擊按鈕提交數(shù)據(jù)到后臺(tái)之后回到前臺(tái)顯示出來(lái)數(shù)據(jù)

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提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Ajax請(qǐng)求內(nèi)嵌套Ajax請(qǐng)求示例代碼
把全國(guó)省市的兩個(gè)XML文件整合成一個(gè)JSON格式的數(shù)據(jù)，就想到了用Ajax嵌套的方法來(lái)解決，查找資料，加個(gè)async：false這個(gè)Ajax參數(shù)就行了
2014-08-08
Ajax實(shí)現(xiàn)跨域訪問(wèn)最新解決方案
在項(xiàng)目開(kāi)發(fā)過(guò)程中，我們經(jīng)常會(huì)遇到同一個(gè)域名下不同項(xiàng)目之間通過(guò)Ajax相互調(diào)用數(shù)據(jù)，這樣問(wèn)題就來(lái)了，如何通過(guò)Ajax實(shí)現(xiàn)跨域呢？下面腳本之家小編給大家?guī)?lái)了Ajax實(shí)現(xiàn)跨域訪問(wèn)最新解決方案，感興趣的朋友一起看看吧
2018-07-07
Ajax驗(yàn)證用戶名是否存在的實(shí)例代碼
這篇文章主要介紹了Ajax驗(yàn)證用戶名是否存在的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-04-04
基于firefox實(shí)現(xiàn)ajax圖片上傳
這篇文章主要介紹了基于firefox實(shí)現(xiàn)ajax圖片上傳，大家都知道在FF下使用ajax是件挺困難的事情，今天給大家介紹的是完美解決這個(gè)問(wèn)題的方法，小伙伴可以參考下。
2015-05-05
ajax完美解決的下拉框的onchange問(wèn)題
最近老總提了一個(gè)小功能，在搜索網(wǎng)吧列表的時(shí)候加上網(wǎng)吧所屬代理商這個(gè)條件，原有的搜索條件是一個(gè)地區(qū)二級(jí)聯(lián)動(dòng)，現(xiàn)在需要根據(jù)不同的地區(qū)顯示不同的代理商集合。
2010-08-08
php ajax無(wú)刷新分頁(yè),支持id定位
AK QQ:42220796 總數(shù) 單頁(yè)條數(shù) 當(dāng)前頁(yè) 點(diǎn)擊后的url地址get 應(yīng)用的js函數(shù) 顯示幾個(gè) 顯示的地址
2008-03-03
Ajax實(shí)現(xiàn)登錄案例
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)登錄案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
js+ajax處理java后臺(tái)返回的json對(duì)象循環(huán)創(chuàng)建到表格的方法
這篇文章主要介紹了js+ajax處理java后臺(tái)返回的json對(duì)象循環(huán)創(chuàng)建到表格的方法,涉及javascript操作json對(duì)象動(dòng)態(tài)創(chuàng)建表格以及基于ajax與后臺(tái)交互的相關(guān)技巧,需要的朋友可以參考下
2016-08-08
Ajax提交表單頁(yè)面刷新很快的解決方法
這篇文章主要介紹了Ajax提交表單頁(yè)面刷新很快的解決方法,需要的朋友可以參考下
2017-01-01
基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁(yè)面效果實(shí)現(xiàn)
這篇文章主要介紹了基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁(yè)面效果實(shí)現(xiàn) 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07