Ajaxに関する質問です。

質問

Ajaxに関する質問です。
SAStruts + JSP + jQueryで勉強しています。

JSPファイル、及びそれに対応するアクションクラスに対して下記の様に記述する事で、
ボタン押下によりajaxが実行され、指定したタグ要素のボディ部に出力値を受け取る事を確認しました。

●index.jsp
<span id="output">ボディ部</span>
<input type="button" value="press me!"
onclick="$('#output').load('output');"/>

●indexAction.java
@Execute(validator = false)
public String output() {
ResponseUtil.write("出力値");
return null;
}

今回、指定したタグ要素の特定の属性に値を受け取る方法を知りたいです。
具体的には上記の実装ですと、
実行前：<span id="output"></span>
実行後：<span id="output">出力値</span>
の様になると思うのですが(イメージ)、
これを<span>では無く、<input>を使い、
inputタグのvalue属性に出力値を受け取り、
実行前：<input type="text" id="output" value=""/>
実行後：<input type="text" id="output" value="出力値"/>
としたり、name属性に出力値を受け取り、
実行前：<input type="text" id="output" name="default"/>
実行後：<input type="text" id="output" name="出力値"/>
としたり、同時に複数の属性に出力値を受け取り、
実行前：<input type="text" id="output" name="default" class="default"/>
実行後：<input type="text" id="output" name="出力値" class="出力値"/>
としたりといった様な事を実現する為の実装方法があれば、例示していただけると助かります。
宜しくお願いします。

回答No.2

yyr446 · ベストアンサー

間違えた。$(this)はボタンだった。

<input type="button" value="press me!"
onclick="$('#output').load('output',function(responseText){
$("#output").attr('id',responseText);
$("#output").attr('name',responseText);
$("#output").attr('class',responseText);
});"/>

だな。コールバック関数無視されたりして...
jspにインクルードするjQueryはVer1.4以上にして試して

お礼

ありがとうございます！
やりたかった事ができました！

回答No.1

yyr446

jspで、

<script src="${f:url('/js/jquery.js')}"></script>
...

<input type="button" value="press me!"
onclick="$('#output').load('output',{'dumy':'いるかな'},
function(responseText){
$(this).attr('id',responseText);
$(this).attr('name',responseText);
$(this).attr('class',responseText);
});"/>

とか、出来なかったらごめんね。

※JAVASCRIPTじゃなくJAVAのカテゴリーで質問した方がよいかも