c# - jQuery ajax 呼び出しへの応答として返される Html

Question

私のjQuery関数はajax呼び出し（GETリクエスト）を行っており、成功イベントでページに挿入するHTMLを返す必要があります。

問題がないことを確認するには、HTML で何をエスケープする必要がありますか?

Answer 1

jQuery の load メソッドを調べてください。これにより、余分な解析を行わなくても、必要なすべてが実行されます。

Visual jQuery (www.visualjquery.com) から:

jQuery 1.2 では、URL で jQuery セレクターを指定できるようになりました。そうすることで、受信 HTML ドキュメントがフィルター処理され、セレクターに一致する要素のみが挿入されます。構文は「url #some > selector」のようなものです。詳細については、例を参照してください。

戻り値: jQuery

パラメーター：

url (文字列): ロードする HTML ページの URL。data (Map): サーバーに送信されるキーと値のペア。callback (Callback): ajax リクエストが完了したときに呼び出される関数 (必ずしも成功するとは限りません)。function (responseText, textStatus, XMLHttpRequest) {
this; // dom 要素 } 例

ドキュメントのサイドバー ナビゲーションの一部をカスタムの順序なしリストに読み込みます。

jQuery コード

$("#links").load("/Main_Page #p-Getting-Started li");

与えられた例は、URL /Main_Page を読み込み、ID p-Getting-Started 内の各 LI 内のコンテンツを抽出し、それらをページの ID 'links' に直接挿入します。

この手法を Modernizr と組み合わせて使用​​し、ブラウザーがモバイル ブラウザーでない場合、Web アプリ内のポップアップ "ウィンドウ" に製品ページを読み込みます。20 行未満の JS/jQuery コードにより、Web サイトはデスクトップ ユーザーにとってよりインタラクティブになります。load() メソッドが持つオプションを調べてください。結果を制限でき、成功のコールバックもあります。