2017-01-07 7 views
1

一般的にJavaScript /コーディングが新しく、AJAXリクエストとして受け取ったデータをフィルタリング/操作するのには時間がかかりません。私はサーバーサイドコードにアクセスできない。日付がサーバに送られると、それは回転情報のページで応答する。応答内には私が興味を持っている単一のdivがあります。このdiv(id = "medStaff")のみを取得したいのですが、これにはテーブルが含まれています。AJAXレスポンスでセレクタをフィルタリング/使用する

私はそのようなリクエスト/テーブルを2つ持っており、結果を結合する必要があります(テーブルをマージして特定の列のみを表示する必要があります)。

最後に、使用するリソースはイントラネットでしか利用できないため、これを開発する際にjquery.getとリソースのローカルに保存されたコピーを使用してシナリオをモックアップする必要がありますコンテナIDでjquery.loadを使用しない理由と、必要なテーブルの部分だけを表示するCSSスタイル設定(実際にはアプリケーションでは正しく動作しません)です。

おそらく、私のAjaxレスポンス(それはトップレベルのdivなので)、次にいくつかのnth-childセレクタを使用して、テーブルデータを選択する必要があります。私はちょうどこれを動作させることはできません。私は、特定された部門のテーブルの第1列と第2列を抽出したいと思います。テーブル自体にidタグはありません。コード(私が特に取り組んでいるビット用):

<html> 
<head> 
<script src="jquery.js"></script> 
</head> 
<div id="div1" ></div> 
<div> 
<script> 
$.get("Medicine%20%20AGM%20Medical%20Staff%20by%20Firm.htm", function(response) { 
    $(response).filter('#medStaff'); 
    document.getElementById("div1").innerHTML = response; 
}); 
</script> 
</div> 
</form> 
</html> 

私は非常に助言をいただきありがとうございます。ありがとう、R

答えて

0

.filter()は、結果を使用する必要があります。

$.get("Medicine%20%20AGM%20Medical%20Staff%20by%20Firm.htm", function(response) { 
    $("#div1").html($(response).filter('#medStaff')); 
}); 

また、あなたはURLの後にセレクタを置くことを可能にする、​​でより簡単にこれを行うことができます。

$("#div1").load("Medicine%20%20AGM%20Medical%20Staff%20by%20Firm.htm #medStaff"); 
+0

どうもありがとうございました!それは私のために多くの構文を明確にします(そして動作します)。実際のアプリケーションではpostを使って日付をサーバに送る必要があるのでloadを使用することはできませんが、もう一度 – RichD

+0

'.load()'ドキュメントから:** POSTメソッドは、データがオブジェクト;それ以外の場合は、GETとみなされます。** – Barmar

関連する問題