множественный ключ и значение из JSON мировых рынков API для AJAX - PullRequest
0 голосов
/ 21 сентября 2018

Я создал API real time API для мировых фондовых рынков, включая Nifty, Dow Jones, Nasdaq, SGX Nifty и т. Д.

API реального времени: http://www.yourtradelog.com/liveapi/world-markets

Из этих данных JSON я создал ajax и css для SENSEX с кодом ajax.Теперь мой вопрос: как я могу использовать несколько в одном ajax.Предположим, я хочу создать то же самое и для NIFTY для этих данных JSON, как это возможно в этом моем коде:

AJAX-код:

 $.ajax({
        type:"get",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        url:"{{url('liveapi/world-markets')}}",
        data:{"_token": "{{ csrf_token() }}"},
        dataType:'json',
        success:function(res){
            if(!res){
                alert('Something went wrong')
            }else{

                var output = document.getElementById("chg"),
                    oldValue = parseInt(output.dataset.oldValue || "0");

                output.className = "";
                output.innerHTML = res.sensex.lastprice;
                output.dataset.oldValue = res.sensex.lastprice;
                console.log(res);
              //  output.classList.add(res.nasdaq.lastprice > 0 ? "greenText" : "redText");
                if (res.sensex.lastprice > oldValue) {
                    output.classList.add("greenText");
                } else {
                    output.classList.add("redText");
                }

                $('#live_change').text("("+res.sensex.changed+")" );
                $('#per_change').html('<b>'+res.sensex.perchange+'%</b>');


                if(res.sensex.changed > 0) {

                    document.getElementById("live_change").className = "green";
                    document.getElementById("per_change").className = "green";
                } else {
                    document.getElementById("live_change").className = "red";
                    document.getElementById("per_change").className = "red";

                }
            }
        }
    });
},1000);

Выше кода не положеноэто:

enter image description here

1 Ответ

0 голосов
/ 25 сентября 2018

Вы можете использовать тот же AJAX-вызов, что и при успешном получении всех данных за один AJAX-вызов.

$.ajax({
        type:"get",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        url:"{{url('liveapi/world-markets')}}",
        data:{"_token": "{{ csrf_token() }}"},
        dataType:'json',
        success:function(res){
            if(!res){
                alert('Something went wrong')
            }else{

                var output = document.getElementById("chg"),
                    oldValue = parseInt(output.dataset.oldValue || "0");

                output.className = "";
                output.innerHTML = res.sensex.lastprice;
                output.dataset.oldValue = res.sensex.lastprice;
                console.log(res);
              //  output.classList.add(res.nasdaq.lastprice > 0 ? "greenText" : "redText");
                if (res.sensex.lastprice > oldValue) {
                    output.classList.add("greenText");
                } else {
                    output.classList.add("redText");
                }

                $('#live_change').text("("+res.sensex.changed+")" );
                $('#per_change').html('<b>'+res.sensex.perchange+'%</b>');


                if(res.sensex.changed > 0) {

                    document.getElementById("live_change").className = "green";
                    document.getElementById("per_change").className = "green";
                } else {
                    document.getElementById("live_change").className = "red";
                    document.getElementById("per_change").className = "red";

                }
                // CODE FOR nifty_50 
                var nifty_lastPrice=res.nifty_50.lastprice;
                var nifty_changed=res.nifty_50.changed;
                //

                // CODE FOR nifty_50 
                var nasdaq_lastPrice=res.nasdaq.lastprice;
                var nasdaq_changed=res.nasdaq.changed;
                //
                // CODE FOR dow_jones 
                var dow_jones_lastPrice=res.dow_jones.lastprice;
                var dow_jones_changed=res.dow_jones.changed;
                //

            }
        }
    });
},1000);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...