5

私はプロジェクトに ASP.net MVC 3 を使用していますが、現在はそれについてより多くのことを理解していますが、それと私が長い間使用してきた WebForms の世界との違いも学ぼうとしています。以前の WebForms では、フィールドをそこに配置し、ボタンを追加し、イベントを作成してから、ポストバックで必要なものを処理するだけでした。

たとえば、エラーに関する詳細を表示する単純なビューがあります。このエラーに関する情報の一部を課題トラッカーの API にプッシュしたいと考えています。エラーの件名と内容だけを言いましょう。私はHTMLで次のようなことをします：

<form action="@Url.Action("Send")" method="post">
    <input id="subject" name="subject" type="text" value="@Model.subject" />
    <br />
    <input id="content" name="content" type="text" value="@Model.content" />
    <br />
    <input type="submit" value="Send" />
</form>

コントローラーのパラメーター名と一致するように入力 ID に名前を付けると、これらのパラメーターを渡すことができることがわかりました。これは、 Scott Guthrieによるこの古い投稿に見られるものと似ています。

まず、詳細コントローラーではなく、エラーコントローラーで「送信」アクションを呼び出したいと思います。これは実際に「送信」アクションを呼び出しますが、localhost/Errors/Send にリダイレクトしますが、これは望ましくありません。

リモート API を呼び出してアクションを実行し、現在のページでエラーが転送されたことを示すメッセージを更新するこのフォームを送信できるようにしたいと考えています。

問題がバグ トラッカーに送信されたら、たとえば元のページにコンテンツを戻す DIV を表示するにはどうすればよいですか (たとえば、問題トラッカーの問題へのリンク)。

更新:これが私のコントローラーで行っていることです:

HttpWebRequest request = (HttpWebRequest)HttpWebRequest.Create("http://localhost/redmine/issues.json");
request.Credentials = new NetworkCredential("username", "password");
request.Method = "POST";
request.ContentType = "application/json";
request.Accept = "application/json";

using (StreamWriter writer = new StreamWriter(request.GetRequestStream()))
{
    writer.Write("'issue': { " +
                      "'project_id': 'project', " +
                      "'subject': 'Test issue'" +
                      "}");
}

WebResponse response = request.GetResponse();
Stream stream = response.GetResponseStream();
string json = "";

using (StreamReader reader = new StreamReader(stream))
{
    json = reader.ReadToEnd();
}

また、これが私の見解で行っていることです（簡略化され、フィリップの助けを借りて）

@model webapp.Models.app_errors

<script type="text/javascript">
 function SendErrors() {    

           alert(@Model); // here I get a 'webapp undefined error'
           alert(Model); // Model is undefined. If I reference @Model.App_name or another value anywhere, works fine in rest of view

        $.ajax({
            type: 'POST', //(probably)
            url: '../SendToRedmine',
            cache: false, //(probably)
            dataType: 'json', //(probably)
            data: @Model,
            success: function(result)
            {
                alert("The error has been transferred");
                //you can also update your divs here with the `result` object, which contains whatever your method returns
            }
            });
    }
</script>

<input type="button" onclick='SendErrors()'/>
4

4 に答える 4

3

最初の質問への回答として、次の Url.Action のオーバーロードを試してください。

Url.Action("ActionName","ControllerName")

2 番目の質問は、AJAX 経由で行うことです。

基本的に、ページが初めて読み込まれたときは、表示したいものを画面に戻します。次に、次の形式の ajax 関数を用意します。

<script type="text/javascript">
    function SendErrorsOrWhatever()
    {
        dummy = 'error: myError, someOtherProperty = property';  //this of course assumes that 'myError' and 'property' exist
        $.ajax({
        type: 'GET', //i changed this because it actually probably better suits the nature of your request
        url: '../Details/Send',
        cache: false, //(probably)
        dataType: 'json', //(probably)
        data: dummy,  //json object with any data you might want to use
        success: function(result)
        {
            alert("The error has been transferred");
            //you can also update your divs here with the `result` object, which contains whatever your method returns
        }
        });
    }
</script>

注意事項: 1) URL は、 からのデータを含めるために自動的に追加されますdata。2) アクション メソッドはパラメーターを受け入れる必要があります。これには多くの方法があります。以下のコードに、アクション メソッドがどのように見えるかの例を追加しました。

ボタンのonclickイベントは、次のようにその関数を呼び出します。

<input type="button" onclick='SendErrorsOrWhatever()'/>

ここで何が起こるかというと、ボタンがクリックされると、Ajax が (デフォルトで) 非同期にアクション メソッドをヒットし、アクション メソッドがエラーに対して必要なことは何でも実行し、それが完了するとsuccessコールバックがヒットします。 .

編集：今、あなたの行動は次のようになります：

[AcceptVerbs(HTTP.Get)]
public static Error GetErrors(Error error)
{
    //do all your processing stuff
}

dummyこれは、JSON オブジェクトがクラスと同じフィールドを持っていることを前提としていますError。その場合、MVC はその上で自動データ バインディングを行います。より一般的なFormCollectionパラメータを使用することもできます。本当に、何でも好きなものを使用できますが、必要なものは何でも JSON オブジェクトにラップする必要があります。

編集--最後の質問については、これでうまくいくはずです:

次の拡張メソッドをアプリに追加します。

public static class JsonExtensions
{
    public static string ToJson(this Object obj)
    {
        return new JavaScriptSerializer().Serialize(obj);
    }
}

または、必要に応じて、ToJson() メソッドをモデル クラスに追加して、次のようにすることもできます。

var model = @Model.ToJson();

ajax呼び出しの直前のjsで。次に、パラメーターにmodel変数を使用しdataます。

于 2012-05-25T20:50:24.320 に答える
0

2 つの可能性があります。

  1. Errors/Send アクションで、ユーザーを localhost/Errors/Details ページにリダイレクトします。Redirect()これは、コントローラーのメソッドで実行できます。このアプローチの問題は、それが呼び出しをブロックしていることです。ユーザーは、リモート API が呼び出されて応答するまで待つ必要があります。

  2. コメントに記載されているように、AJAX アプローチを使用します。欠点は、もう少し複雑で、状況を取得するためにサービスをポーリングする必要がある場合があることです。

AJAX を使用すると、より洗練されたソリューションになります。

于 2012-05-25T20:47:30.880 に答える
0

MVC では、「アクション」は本質的に「ページ」です。（正確ではありませんが、ルーティングを使用すると、これはほとんど真実になります）

つまり、アクションはカテゴリにグループ化され、MVC フレームワーク内のルーティングを使用してナビゲートされます。

ここでやりたいことは、エラー メッセージを Web サービスに送信する AJAX 呼び出しを行うことだと思います。

それ以外では、jQuery を使用して、別のアクションのページdivを含む非表示を挿入できます。IFrameしかし、私はそれをお勧めしません。

于 2012-05-25T20:39:12.800 に答える
0

AJAX を使用することは、これを解決する方法の 1 つです。ただし、ページの動作を再考する必要がある場合があります。これが問題の送信ページである場合、問題を送信した後もこのページに留まりたいですか。問題を送信し続ける場合、最新の問題のリンクのみを表示しますか? 提出された課題へのリンクを取得するためにサーバーをポーリングする必要がある場合があり、これはさらに困難になります。

要件を知らずに解決策を考え出すのは簡単ではありませんが、一般的には、投稿ページ (~/issue/id など) から投稿されたら、別の課題ページに移動します。

また、Html.TextboxFor(m=>m.subject)またはそのような構文を使用することもできます。これにより、各プロパティの入力 ID を手動で一致させる必要がなくなります。

于 2012-05-25T20:58:07.283 に答える