ローカルではなくURLからjsonデータを取得する

Question

varを使用してローカルJsonデータ（同じファイル内）で動作している検索ボックスがありますが、これと同じ方法で外部url jsonファイルを使用したいと思いますそれは前に動作します。

私が今持っているもの：

var data1 = [{"test_id":"1","test":"test","test2":"test2"}]; 

私は何をしようとしている：

var data = $.ajax({ 
    dataType: "json", 
    url: 'myjsonurl', 
    data: data 
}); 

は私がgetJSONとし、他のいくつかの勧告に試してみたが、私は期待するように、動作しませんイメージを見ると、私は両方の方法でデータを持っていますが、かなり異なっており、検索ボックスで作業していません。

画像：https://i.stack.imgur.com/kWKkz.png

あなたがここに検索ボックスを見つけることができます。

https://www.js-tutorials.com/javascript-tutorial/live-search-json-objects-data-using-jquery/

を私が今持っているとして、外部ファイルから同じデータを取得してVARにそれを使用するための任意のアイデアがあります検索ボックスは何ですか？

アイデア？あなたがやっている方法がある

Answer 1

事前に

おかげで、何を得ていることはXHRオブジェクトです。

適切なJSON応答を取得してそれを処理するには、成功関数を記述して応答データを処理するか、getJSONを使用します。例えば

：

$.getJSON('https://gist.githubusercontent.com/GeekAb/027c70bd21d006027cd91f538ae4694e/raw/68fda14df1b9fbf6835a02639aa210e88826d19d/SampleJSON', 
    function(data) { 
     console.log(data); 
     console.log(data[0]); 
     console.log(data[0]['employee_age']); 
}); 

あなたがチェックすることができ、このビンリンクhttps://jsbin.com/cixezewisi/edit?html,js,console

Answer 2

まず第一に、それは外部ファイル（他のものよりいくつかのより簡単）からデータをインポートすることになると、あなたは多くのオプションを持っています。以下のリストは、別のstackoverflow postからです：

1. ES6輸入
2. のNode.jsは必要
3. アヤックス
4. jQueryの

ポスターは非常に詳細を与えたとして、私は、リンクをチェックアウトすることをお勧めこれらのオプションについて。

とにかく、これをAjaxで実装しようとしているようです。あなたは基本的にそれを正しく理解しています。画像に基づいて、あなたの問題は、ajaxを使用するとデータが文字通りになっていることが予想されます。

var data = $.ajax({ 
    dataType: "json", 
    url: 'myjsonurl' 
}); 

var parsedData = JSON.parse(data) 

これは、探しているJS配列にデータを解析します。