在struts中，通過Ajax,利用jQuery，將action中的資料轉到前臺頁面

阿新 • • 發佈：2019-01-18

第一步、配置Struts（注意，返回的資料型別為json資料,）

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">  
    
    <struts>
    <!--宣告包-->    	
    	</package>
    	<package name="json" extends="json-default" namespace="/">
    	<action name="UserTestAction" class="com.aisino.development.UserTestAction" method="Test">
		   			<result name="success" type="json">

		   				<param name="root">name</param>  //預設name為root
		   			</result>
		   	</action>
    	</package>
    </struts>

第二步、配置web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
<span style="white-space:pre">	</span>xmlns="http://java.sun.com/xml/ns/javaee" 
<span style="white-space:pre">	</span>xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
<span style="white-space:pre">	</span>xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
<span style="white-space:pre">	</span>http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<span style="white-space:pre">	</span>
<filter>  <!--配置struts2過濾器 -->
<span style="white-space:pre">	</span><!--過濾器名稱 -->
<span style="white-space:pre">	</span><filter-name>struts2</filter-name>
<span style="white-space:pre">	</span><!--過濾器類 -->
<span style="white-space:pre">	</span><filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
</filter>


<filter-mapping>
<span style="white-space:pre">	</span><filter-name>struts2</filter-name>  <!--過濾器名稱 -->
<span style="white-space:pre">	</span><url-pattern>/*</url-pattern>  <!--過濾器對映 -->
</filter-mapping>


<welcome-file-list>
    <welcome-file>Test.jsp</welcome-file>
</welcome-file-list>
</web-app>

3、第三步、配置jQuery

在WebRoot下面新建一個JS資料夾，將jQuery庫複製到其中：jquery-1.8.3.min.js

4、寫jsp檔案，

注意配置jQuery語句

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>jQuery測試</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  //配置jQuery語句
 <span style="color:#ff6666;"> </span><span style="font-size:18px;color:#ff0000;"><script src="js/jquery-1.8.3.min.js"></script></span>
  <script type="text/javascript">
  	//寫一個函式
  	<span style="font-size:18px;color:#ff0000;">function test(){
  		$.ajax(
  		{</span>

<span style="font-size:18px;color:#ff0000;">  			url:"/Login_Struts_demo1/UserTestAction", //url地址，action地址
  			type:"get",   //get/post兩種型別，一般用get
  			dataType:"json",  //返回前臺的資料型別
  			success:function(data)  //訪問成功後執行彈窗，data為訪問的url地址中action返回的資料
  				{
  					alert(data);
  				}
  		}
  		);
  		
  	}</span>
 </script>
  
  <body>
    <center>
    	<input type="button" value="jQuery" onclick="test()">
    </center>
  </body>
</html>

5、第五步，寫Action

package com.aisino.development;

import java.util.ArrayList;
import java.util.List;

import com.opensymphony.xwork2.ActionSupport;

public class UserTestAction extends ActionSupport {
	
	
	public String Test(){
		
		String  name="張三";
		
		return SUCCESS;
	}

}

6、通過網頁就可以測試該程式了，作為一個初學者，寫的也是基礎，希望能到需要的人

在struts中，通過Ajax,利用jQuery，將action中的資料轉到前臺頁面

第一步、配置Struts（注意，返回的資料型別為json資料,） <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundati

WebForm.aspx 頁面通過 AJAX 訪問WebForm.aspx.cs類中的方法，獲取數據(轉)

html ref doc tran jquery helper event query sender WebForm.aspx 頁面通過 AJAX 訪問WebForm.aspx.cs類中的方法，獲取數據 WebForm1.aspx 頁面 (原生AJAX請求，寫法一) &l

Django通過Ajax利用FormData動態提交表單（包括檔案，字串）

0 需求背景有的時候我們上傳表單，經過後臺處理之後再分發回原來頁面，這時必定會重新整理這個頁面。為了解決這個問題，我們採用JS動態提交表單元素，如：file、text等型別，可以很好的解決這一問題。 1 DOM結構 <form method="post" enctype=

通過AJAX和PHP，提交JQuery Mobile表單(兩篇)

通過AJAX和PHP，提交JQuery Mobile表單 http://blog.itechol.com/space-4-do-blog-id-6533.html File name: callajax.php [php] view plaincopyprint? <?php $f

程序員如何在百忙中更有效地利用時間，如何不走岔路，不白忙（忙得要有效率，要有收獲）-----https://www.cnblogs.com/JavaArchitect/p/9080484.html

logs 有效時間 hit 收獲 AR log title blog https://www.cnblogs.com/JavaArchitect/p/9080484.html 程序員如何在百忙中更有效地利用時間，如何不走岔路，不白忙（忙得要有效率，要有收獲）程序員如何

繞過泛型，通過反射把 String 新增到 List 中

繞過泛型，通過反射把 String 新增到 List<Integer> 中 public class ArrayListDemo { public static void main(String[] args) throws NoSuchMethodException, I

k8s中，通過程式碼生成工具生成的controller中加入控制邏輯

摘自http://www.infoq.com/cn/articles/kubernetes-status-management-and-extension 前文自動生成的程式碼中為Bee生成了預設的BeeController，如圖1.2.2所示。當監聽到建立或更新Bee狀態的時候，可

python中多執行緒的共享資料，通過queue來實現，內有生產者消費者經典模型的示例程式碼

queue:佇列，即先進先出，它有以下幾個方法： 1.判斷佇列的大小：size() 2.向佇列中新增：put() 3.向佇列中取出：get() 4.如果佇列規定了長度，用來判斷是否滿了：full() import threading,time import queu

點選button觸發JS函式，通過AJAX傳值給後臺查詢，將返回值處理成table表格，新增到模態框裡顯示

//點選觸發onclick事件，攜帶此行的bodycode傳參給JS函式tiaozhuan();(這裡的<a>標籤，可以換成<button>) <td> <a href="javascript:void(0);" oncli

檢視當前伺服器中的所有的topic，建立topic,刪除topic,通過shell命令傳送訊息，通過shell消費訊息，檢視topic詳情,對分割槽數進行修改

一、 Kafka常用操作命令  檢視當前伺服器中的所有topic [root@hadoop3 kafka]# bin/kafka-topics.sh --list --zookeeper hadoop11:2181 [root@hadoop3 kafk

MyEclipse整合SSM框架（四）：整合前端頁面，通過ajax請求獲得資料

Spring+SpringMVC+Mybatis 框架已經搭建完成，其中包括：（1）maven工程的搭建（2）框架所需要的配置檔案的配置（3）Mybatis 建立逆向工程連結資料庫。相應的配置檔案參見前幾篇部落格。此篇整理前端頁面傳送ajax 請求到後端，後端通過 Myb

前端課程大集結！51cto 1024程式設計師節大放送，通過以下連結購買，可享受附加前端問題答疑服務

http://edu.51cto.com/sd/459c1 HTML5開發APP-框架MUI（仿支付寶案例）http://edu.51cto.com/sd/26227 NodeJS基礎、Express實戰視訊課程【後臺管理系統】【楊勝強老師-前端系列課程】http://edu.51cto.com/sd/a

js已知一個文字輸入框，通過按鈕點選，用if 判斷輸入框裡的數字是否能被3整除

<!DOCTYPE html> <html> <head> <title>第一題</title> <meta charset="utf-8"> </head> <!--

Docker介紹，安裝docker，映象管理，通過容器建立映象，使用模板建立映象

Docker介紹官網 www.docker.com github https://github.com/docker/docker.github.io 開源的容器引擎，可以讓開發者打包應用以及依賴的庫，然後釋出到任何流行的linux發行版上，移植很方便由g

Dart Socket 程式設計，通過使用JSON方式，解決業務粘包的問題的最佳實踐

一、背景 Socket程式設計程式設計主用於資料交換，而粘包的問題，其實本身不是問題，TCP已經對於傳輸的封包進行了很好的處理，業務粘包，只是業務處理上的問題，網路上很多處理方法，最常見的有以下幾種：定義業務傳輸頭，在頭裡面描述了開始識別符號，再加資料長度，如0xAA

AJAX 利用JQuery實現AJAX請求

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryAjax.aspx.cs" Inherits="XXX.WebApp.JqueryAjax" %> <!DOCTYPE h

Android 2個Service實現相互保活，通過bindservice來實現，不通過廣播實現

1，實現原理：啟動2個Service，相互繫結監聽，當A Service監聽到連線斷開的時候，說明B服務可能被 Kill掉了，這時需要重新開啟A服務，同樣B服務的監聽斷掉了，重新啟動A服務。A，B兩個服務都是單獨的程序，需要使用AIDL來通訊。 2，A服務原始碼： public class

給button繫結click事件時，出現ajax請求時，一次點選兩次提交的問題解決

$(function(){ $('#jsStayBtn').off().on('click', function(){ $.ajax({ cache: false, type: "POST",

C++ Hook(鉤子)程式設計，通過內聯彙編，使類成員函式代替全域性函式(靜態函式)

程式語言：C/C++ 編譯環境：Visual Studio 2008 核心方法:：通過內聯彙編，構造類物件獨享的函式(委託)，完成了類成員函式到普通全域性函式的轉化，並在Windows Hook(鉤子)程式設計中得到成功的實踐。關鍵字：C++，委託，內聯彙編，Hook，成

編寫一個程式，在E盤下建立一個abc.txt的文字文件，通過輸出流在文件內新增資料，然後在把abc.txt複製到F盤下

package com.zhidi.lianxi; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileO

在struts中，通過Ajax,利用jQuery，將action中的資料轉到前臺頁面

相關推薦