javascript - 検索ボックスを使用して JSON データにアクセスし、それを別のページに表示できるのは誰ですか?

Question

次のような JSON データの配列があります。

var trackListings = [{
    "tName": "Breathe",
        "duration": 2.5
}, {
    "tName": "On The Run",
        "duration": 2
}, {
    "tName": "Time",
        "duration": 6
}, {
    "tName": "The Great Gig In the Sky",
        "duration": 5
}, ];

別のページがあります。単純な HTML ページに検索ボックスと検索ボタンが含まれているだけです。私がやりたいことは、検索ボックス ページから、検索するトラック名を入力して、上記の JSON 配列のすべての tName データにアクセスし、できれば表形式で他のページに表示することです。

検索ボックスページのボタンフォーム＆検索入力テキストフォームには何を書けばいいですか？それとも、このようにフォームをそのままにしておくべきですか?

<form class="form-search" action="window.open('dwChart.html')" method="get">
<input id="srch" type="search" class="input-medium search-query">
<input type="button" value="Search" onclick="searchAction()">

JSON 配列について..コード ブロックはどこに配置すればよいですか? 検索ボックス ページまたは結果ページで? JSON データにアクセスするにはどうすればよいですか? JQuery を使用するか、単純に JavaScript を使用しますか?

本当は一刻も早くこの問題を解決しなければなりません..