問題タブ [unobtrusive-ajax]

私のコントローラーは、このようなリンクのリストを作成します

私はこのようなJavaScriptを持っています

BeginUpdatePage関数の1行目と3行目は正常に実行されますが、2行目は「$（this）.parent（）。addClass（'selected'）;」です。目に見えて何もしません...（私は私のcssでそのクラスを宣言しました）。

Jqueryのドキュメント（Jquery.ajax（））を見たところ、「this」はクリックされた要素であると書かれています。また、デフォルトでプロジェクトに含まれていた「jquery.unobtrusive-ajax.js」もチェックインしました。このファイルは、関数の実行時に「this」も渡します。

私はここで何が間違っているのですか...私はこのテクニックを使用した他の例を見ましたが、私は一日中失敗しています！

Begin内のクリックされた要素に到達するにはどうすればよいですか？

ASP.NET MVC 3アプリで使用Ajax.ActionLinkしている場合、モバイルSafariでサイトを参照してajaxリンクをクリックすると、ブラウザーのアドレスバーがドロップダウンし、POSTURLが短時間表示されます。大したことではありませんが、気が散ることがあり、ほとんどのAjax対応サイトではこの問題は発生していないようです。それを起こさず、Ajaxヘルパーを使用できるようにするために私ができることはありますか？

目立たない JavaScript を有効にした MVC 3.0 に次のコードがあります。

検索ボタンをクリックすると、4 つの Ajax リクエストが同時に行われ、「成功」メソッドも 4 回呼び出されます。

ノート！！！邪魔にならない JavaScript を無効にすると、問題はなくなります。添付画像をご確認ください。

これはかなり一般的なシナリオのように見えるため、かなり詳しく文書化する必要があると思いました。残念ながら、私は多くの矛盾する情報を見つけており、MVC 3 と互換性のある目立たない Ajax のような方法でこれを行う正しい方法についての実際のコンセンサスはありません。私は確かに「機能する」ものを一緒にハックすることができますが、フレームワークを介して行われるはずの方法でそれを行うことをお勧めします。

これが私が必要とするものです。サイトの右上隅にログイン リンクがあります。このサイトでは、認証されたユーザーと認証されていないユーザーの両方が許可されます。したがって、ユーザーがログインリンクをクリックしたときに動的な ajax ポップアップが必要です。

これはコントローラに送信され、ログイン ダイアログの HTML がプルバックされます。次に、jquery ui ポップアップ ダイアログに表示し、ユーザーが情報を入力すると、(現在どのページにいるかに関係なく) 「ダッシュボード」ページにリダイレクトする必要があります。間違った資格情報を入力すると、ポップアップ ダイアログが開いたまま現在のページに留まり、検証エラー (「ユーザー名またはパスワードが正しくありません」) が表示されます。

つまり、mvc 3 控えめな検証に結び付け、控えめな ajax を使用し、jquery ui ダイアログに表示する必要があります。

これは、私が思っていたよりも簡単ではないようです。これを行う例へのポインタはありますか? 誰でも共有できるサンプルを持っていますか?

アップデート：

リダイレクトが必要な場合は、Ajax にしないというのが常識です。ただし、この場合、ページの更新や別のログイン ページへのリダイレクトを発生させずにクレジットを検証し、検証エラーを投稿する必要があるため、Ajax が必要です。認証を通過してポップアップダイアログにエラーを投稿する必要があります。

Ajax.ActionLink Htmlヘルパーを使用したいので、jquery.unobtrusive-ajax.min.jsライブラリが必要ですが、IEは常にこのエラーを表示しています。

Microsoft JScriptランタイムエラー：プロパティ'unobtrusive'の値を設定できません：オブジェクトがnullまたは未定義です

解決策はjquery.validate.min.jsとjquery.validate.unobtrusive.min.jsの使用法であることを読みましたが、サーバー側でajax呼び出しを認識できません。

オプションのクライアント側検証を使用して実装しようとしています

• ASP.NET MVC 4、
• 控えめなjQuery検証、
• 控えめなJavaScript

これは正常に機能します

次の図は、オプションのクライアント側検証の意味を示しています。フォームの1つのフィールドにのみ電子メールが含まれていると予想されるため、電子メールバリデーターが添付されています。

次に、[保存]をクリックします。テキスト「name@doamin」は有効なメールアドレスではないため、検証の概要が表示されます。検証の概要とともに、 [とにかく保存]ボタンを非表示にします。

この2番目のボタンは、が付いている通常の送信ボタンですclass="cancel"。jQuery.validate.jsこれは、このボタンを使用して送信するときに検証をスキップするようにスクリプトに指示します。

ビューのコードスニペットは次のとおりです。

これらはすべて正常に機能します。

問題

2番目の送信ボタン- 「とにかく保存」は、Ajaxフォームに切り替えると期待どおりに機能しなくなります。通常の動作と同じように動作し、検証が成功するまで送信を防ぎます。

「ajaxified」ビューのコードスニペットは次のとおりです。

違いを確認するためにデバッグjQuery.validation.jsしましたが、失敗しました。

質問

問題を修正または回避し、ajaxフォームを意図したとおりに動作させるためのアイデアは大歓迎です。

補遺

クライアント側の検証を行うことは絶対に必要です。サーバー側の検証はオプションではありません。トラフィックの増加（このサンプルは単純化されています。実際のフォームにははるかに多くのフィールドが含まれています）とレイテンシーの他に、サーバー側の検証では実行されないことが1つあります。クライアント側のバリデーターは、フォーカスが失われたときに誤ったフィールドを強調表示します。これは、次のフィールドにタブで移動するとすぐにフィードバックがあることを意味します。

最終的にテーブルを更新するボタンを押してフォームを送信しようとしています

これはフォームです：

これはコントローラーです：

public ViewResult Refresh() {

何らかの理由でボタンを送信しても何も起こらない

私はすでに追加しました

ありがとうミキ

新しい MVC4 パラダイムで動作するように、MVC2 アプリケーションを更新しています。目立たない ajax で入力フィールドを検証するメソッドを呼び出す方法を理解しようとしていますか? 特定の値がデータベース内で一意であるかどうか (サービスによってラップされているかどうか) を把握する必要があります。私はすでにサービスメソッドをマッピングしています。それを呼び出せるようにする必要があるだけです... 通常、これは私が行うことです。

しかし、どうすれば今これを行うことができますか？目立たない ajax と検証では、他の関数が機能しないことを知っていますか? この方法論で過去に機能したことがわかっているこれらの関数を呼び出すことができる方法はありますか? アップデート

フィールドに [Remote(MethodName, Controller, ErrorMessage)] を追加できることに気付きました。しかし、このリモート メソッドを条件付きで呼び出していることだけは覚えています。同じビューを使用して、データベースに新しい行を編集または追加します... 行を編集するだけの場合、フィールドが一意かどうかを確認しません。追加する場合は、フィールドが一意かどうかを確認します。コントローラーでビューに tempData 変数を設定することで、追加または編集しているかどうかを判断します...上記の例で確認できます...その変数が設定されている場合にのみフィールドが必要です。次に、リモートで入力された値が一意かどうかを確認します...目立たない ajax を使用して同様の機能を取得するにはどうすればよいですか?

ENDUPDATE ありがとう。

シンプルなブログサイトで控えめなajaxを紹介しようとしています。ビューポストページがあり、コメントでajaxを有効にします。ajaxを使用してコメントを投稿できますが、そのコメントがすぐに表示されないため、コメントを表示するにはページを更新する必要があります。また、次と前の2つのアクションがあり、投稿間を移動しますが、次または前のボタンを押しても関連するコメントが表示されません。

ここにビューがあります：

ビューに関連付けられているアクションメソッドは次のとおりです。

コードの何が問題になっていますか？ありがとう。

ビューから ajax リクエストを作成しようとしています。これにより、同時にいくつかのデータが投稿および取得されます。取得したデータを使用して、そのビュー ページの div コンテンツを更新したいと考えています。コードは次のとおりです。

私の見解：

私のコントローラー：

必要なデータを含むコメントという名前の部分ビューを返しています。すべて正常に動作していますが、有線の問題があります。部分ビューでマスターページを使用していませんが、マスターページからコンテンツを表示しています。したがって、ヘッダーとフッターのようなマスターページのコンテンツを2回表示する元のビューページ。助けてください。