使用ajax()方法和後臺交互

来源:http://www.cnblogs.com/shouce/archive/2016/03/14/5274492.html
-Advertisement-
Play Games

ajax()方法是jQuery底層的ajax實現,通過HTTP請求載入遠程數據。 參數說明: type:請求方式,“POST”或者“GET”,預設為“GET”。 url:發送請求的地址。 data:要向伺服器傳遞的數據,已key:value的形式書寫(id:1)。GET請求會附加到url後面。 as


ajax()方法是jQuery底層的ajax實現,通過HTTP請求載入遠程數據。

  

複製代碼
 1 $.ajax({
 2         type: "GET",
 3         url: "handleAjaxRequest.action",
 4         data: {paramKey:paramValue},
 5         async: true,
 6         dataType:"json",
 7         success: function(returnedData) {
 8             alert(returnedData);
 9             //請求成功後的回調函數
10             //returnedData--由伺服器返回,並根據 dataType 參數進行處理後的數據;
11             //根據返回的數據進行業務處理
12         },
13         error: function(e) {
14             alert(e);
15             //請求失敗時調用此函數
16         }
17     });
18 }
複製代碼

  參數說明:

  type:請求方式,“POST”或者“GET”,預設為“GET”。

  url:發送請求的地址。

  data:要向伺服器傳遞的數據,已key:value的形式書寫(id:1)。GET請求會附加到url後面。

  async:預設true,為非同步請求,設置為false,則為同步請求。

  dataType:預期伺服器返回的數據類型,可以不指定。有xml、html、text等。

  在開發中,使用以上參數已可以滿足基本需求。

  如果需要向伺服器傳遞中文參數,可將參數寫在url後面,用encodeURI編碼就可以了。

  

複製代碼
 1 var chinese = "中文";
 2 var urlTemp = "handleAjaxRequest.action?chinese="+chinese;
 3 var url = encodeURI(urlTemp);//進行編碼
 4 
 5 $.ajax({
 6         type: "GET",
 7         url: url,//直接寫編碼後的url
 8         success: function(returnedData) {
 9             alert(returnedData);
10             //請求成功後的回調函數
11             //returnedData--由伺服器返回,並根據 dataType 參數進行處理後的數據;
12             //根據返回的數據進行業務處理
13         },
14         error: function(e) {
15             alert(e);
16             //請求失敗時調用此函數
17         }
18     });
19 }
複製代碼

 


  struts2的action對請求進行處理:

  

複製代碼
 1 public void handleAjaxRequest() {
 2         HttpServletRequest request = ServletActionContext.getRequest();
 3         HttpServletResponse response = ServletActionContext.getResponse();
 4         //設置返回數據為html文本格式
 5         response.setContentType("text/html;charset=utf-8");
 6         response.setHeader("pragma", "no-cache");
 7         response.setHeader("cache-control", "no-cache");
 8         PrintWriter out =null;
 9         try {
10             String chinese = request.getParameter("chinese");
11             //參數值是中文,需要進行轉換
12             chinese = new String(chinese.getBytes("ISO-8859-1"),"utf-8");
13             System.out.println("chinese is : "+chinese);
14             
15             //業務處理
16             
17             String resultData = "hello world";
18             out = response.getWriter();
19             out.write(resultData);
20             //如果返回json數據,response.setContentType("application/json;charset=utf-8");
21             //Gson gson = new Gson();
22             //String result = gson.toJson(resultData);//用Gson將數據轉換為json格式
23             //out.write(result);
24        out.flush();
25             
26         }catch(Exception e) {
27           e.printStackTrace();
28         }finally {
29             if(out != null) {
30           out.close();
31        }
32      }
33     }
複製代碼

 

  struts.xml配置文件:不需要寫返回類型

  

1 <action name="handleAjaxRequest" class="com.test.TestAction"
2                 method="handleAjaxRequest">
3  </action>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1. 引言 搞Java的弟兄們肯定都想要達到更高的境界,用更少的代碼解決更多的問題,用更清晰的結構為可能的傳承和維護做準備。想想當初自己摸著石頭過河,也看過不少人介紹的學習路線,十多年走過來多少還是有些收穫。現通過自身經歷總結一篇文章,供弟兄們參考。 2. 用好正在用的框架 在已經加入的團隊中,和大
  • 本節目錄   Abp中在Application層集成了validation. 直接上代碼吧.   這是微軟提供的一套驗證框架,只用引用程式集System.ComponentModel.DataAnnotations. 自帶的各種特性標簽就不說了,預設在MVC中已集成此驗證. 這裡說下驗證方法: 運行
  • 本節目錄   這是Abp中多租戶、軟刪除、激活\禁用等如此方便的原因 Install-Package EntityFramework.DynamicFilters   定義數據   初始化數據   查詢數據           禁用代碼:   啟用代碼:   參考: https://github.c
  • 本節目錄 事件匯流排大致原理: (1)       在事件匯流排內部維護著一個事件與事件處理程式相映射的字典。 (2)       利用反射,事件匯流排會將實現了IEventHandler的處理程式與相應事件關聯到一起,相當於實現了事件處理程式對事件的訂閱。 (3)       當發佈事件時,事件匯流排會從
  • 本節目錄   學習了一段時間的Abp,領略了一下前輩的架構.總結還是SOLID,降低耦合性. 雖然從架構上說甚至不依賴於DI框架,但實際上在基礎框架中還是有一定的必須依賴Castle Windsor. Abp依靠IOC和AOP實現了大量的自動化. 其中Module設計,是Abp的核心.   Abp的
  • 在引入事件委托之前,首先來看下麵這個例子:點擊改變li的背景顏色。
  • 想要實現這樣一個父元素中的子元素都是居中的 只需在父元素上加樣式 設置為flexbox佈局,方向為縱向排列,第三句是使其居中。 如果三個子元素的距離要自己設定,就設置margin-top或margin-bottom就好了; 如果讓其自動調整,可以給父元素的樣式再加上 這樣剩餘的空間會自動分配到各元素
  • 時光車輪滾滾碾來,前端之路永無止歇.對於這個前端這門精一多專的技術,任何一次技術革新,我們都必須第一時間去瞭解它學習它,比如Web世界里這簇美艷的花朵 HTML5.雖然HTML5發佈之初,許多人(包括我)都覺得普及它還很遙遠,但自發佈以來,許多企業級網站對它的嘗試應用(比如<!doctype htm
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...