2012-03-30 45 views
0

我有兩個文本框A,B:我想要做類似於當我在文本框A中輸入內容時,此值將用於某些操作並顯示結果在文本框B中無需使用ajax點擊提交按鈕。 我該怎麼做?請注意,我是使用struts2如何更改textfield + jQuery + Struts2的值

+0

填寫文本框,在B,你需要一些服務器結果 – 2012-03-31 11:16:48

+0

@YassineGeom結果:確保你標記與Struts2的標籤S2的問題,以獲得更多信息。 – 2012-04-02 03:02:50

回答

0

它應該很容易。假設你有作爲字符串取值的動作並返回一些字符串,可用於'/ app/service'url。

您可以創建這樣的代碼:

$(function() { 

    $('#text_1').on('keyup', function() { 

    var value = $(this).val(); 
    $.post('/app/service', JSON.stringify(value), function (r) { 
     $('text_1').text(r); 
    }); 

    }); 

}); 
+0

是一個JavaScript代碼? – YassineGeom 2012-04-01 22:17:53

+0

@YassineGeom:是的,它的jquery代碼比普通的更乾淨和易於使用javascript – 2012-04-02 03:02:01

+0

好的,那麼我的動作應該返回一個json對象嗎? – YassineGeom 2012-04-03 08:41:03

1

大多數信息已經被@alexanderb提供,我認爲jQuery是走的好方法,現在讓我們來下半年你關於在您的代碼中使用AJAX的問題。您可以通過幾種方式發送操作類的結果。

  1. 從您的操作類中返回JSON並使用上面的代碼。
  2. 在S2代碼中使用流結果類型並將數據放置在文本字段中。

我依然相信JSON與jQuery是良好的路要走,不僅爲您提供的可行性,在今後很容易地擴展功能,而且還提供了一個乾淨的way.Struts2提供了一個插件,它可以將數據轉換爲從發送您的動作類JSON和所有你會留下來分析你的UI JSON數據來填充文本box.For詳細介紹瞭如何使用JSON在S2指JSON插件查看詳細

工作

使用JSON插件y我們的流程將爲

  • 在文本框中的特定事件上調用您的Action類。
  • 配置您的操作以使用S2-JSon插件返回JSON數據。
  • 操作會將JSON返回給Jquery代碼。
  • 解析JSON數據和值