Ajax.ActionLink / BeginFormの返り値をテキストボックスのvalueに入れる

Question

###前提・実現したいこと
ASP.NETのAjax.ActionLink / BeginFormを使用して
帰ってきた値を<input id="result" type="text" value="">のvalue属性に入れたい

divタグ等の中に返り値を渡すことは出来るのですが、今回はinputのvalue属性に入れたいということになります。
Ajax.ActionLinkやBeginFormを使っている限りでは属性に返り値を入れることは出来ないのでしょうか

###発生している問題・エラーメッセージ

• ActionLinkで生成されたリンクをクリックしてAjax通信を行うとvalueに返り値は入らない

<input id="result" type="text" value="">[ココに値が入ってしまう]</input>

• 期待してた動作

<input id="result" type="text" value="[ココに値が入る]">

###該当のソースコード

//cshtml
    @Ajax.ActionLink("時刻を取得", "GetTime", new AjaxOptions() { UpdateTargetId = "result" })
    <input type="text" id="result">

//controller
public ActionResult GetTime()
{
    if (!Request.IsAjaxRequest()) return new EmptyResult();

    return Content(DateTime.Now.TimeOfDay.ToString());
}

###補足情報(言語/FW/ツール等のバージョンなど)

• ASP.NET MVC 5
• Visual Studio 2017

Answer 1

AjaxOptions の UpdateTargetId = "result" に代えて OnSuccess プロパティにコールバック（JavaScript のメソッド）を設定して、そのメソッドで input 要素の value 属性に設定してはいかがですか。

以下のような感じでできると思います。

@Ajax.ActionLink("時刻を取得", "GetTime", new AjaxOptions() { OnSuccess = "disp" })

<input type="text" id="result">

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">
    //<![CDATA[
        function disp(data) {
            $("#result").val(data);
        }
    //]]>
    </script>
}

Comments

[MMashiro]

出来ました！！
なるほどOnSuccessの引数に返り値が入ってくるのですね
投稿する前はOnCompleteでやって上手くいってなかったので引数には何も入らないものだと勝手に思い込んでいました
解決しました、ありがとうございます

[退会済みユーザー]

書き忘れましたが、Ajax.ActionLink をクリックするたびテキストボックスに表示される時刻を更新したい場合は、AjaxOptions に HttpMethod="POST" を追加してください。

言われるまでもなく承知しているということでしたら失礼しました。

Answer 2

OnSuccessプロパティを使えばいいでしょう。
https://msdn.microsoft.com/ja-jp/library/dd460367(v=vs.118).aspx

Comments

[MMashiro]

回答ありがとうございます
On～プロパティ系でJavascriptの関数を呼ぶことが出来るのはわかったのですが、
その呼ばれたJavascriptからAjax通信を使って取得できた値はどうやって取得するのでしょうか…？
一度<div id="result"></div>に突っ込んでから、
Javascirpt側から値をdivから取り出してtextBoxに入れるという方法は思いつきましたが
すごい遠回りな気がしたので直接返り値をJavascript側から扱う方法はあるのでしょうか