как я могу структурировать код таким образом, чтобы, если сотни res.параметр? - PullRequest
0 голосов
/ 22 сентября 2018

Я создал API реального времени API для мировых фондовых рынков.

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

res параметр находится в ajax, если в API есть сотни данных, какМогу ли я структурировать код, чтобы уменьшить его?

AJAX-код, который я хочу структурировать, чтобы уменьшить его.Я использовал две данные в res:

<script>
    setInterval(function(){
        $.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"),
                        nifty = document.getElementById("nifty"),
                        oldValue = parseInt(output.dataset.oldValue || "0");

                    output.className = "";
                    output.innerHTML = res.sensex.lastprice;
                    output.dataset.oldValue = res.sensex.lastprice;



                    oldValueNifty = parseInt(output.dataset.oldValue || "0");
                    nifty.className = "";
                    nifty.innerHTML = res.nifty_50.lastprice;
                    nifty.dataset.oldValueNifty = res.nifty_50.lastprice;

                  //  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.nifty_50.lastprice > oldValueNifty) {
                        nifty.classList.add("greenText");
                    } else {
                        nifty.classList.add("redText");
                    }

                    $('#nifty_live').text("("+res.nifty_50.changed+")" );
                    $('#nifty_change').html('<b>'+res.nifty_50.perchange+'%</b>');


                    if(res.sensex.changed > 0 || res.nifty_50.changed > 0) {
                        document.getElementById("live_change").className = "green";
                        document.getElementById("per_change").className = "green";

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

                        document.getElementById("nifty_live").className = "red";
                        document.getElementById("nifty_change").className = "red";

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