Я создал 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);