title: Concatenate every incoming response to Object properties
body: <p>I want to concatenate every response from <code>resnews</code> to ojbect properties called <code>newsObj.getNews</code>. </p>
  
  <p>The API calls when the page first loads and keep loading when we scroll down. I want to add every incoming response (which has a limit of 10) to an object property.</p>
  
  <p>Right now every time the API is called it is overlapping the data in <code>newsObj.getNews</code> and shows only 10.</p>
  
  <pre><code>  $.ajax({
      method: 'GET',
      url: url,
      data: newsParams,
      success: function(resnews) {
          // app.preloader.hide();
          if(resnews.status == 'ok') {
              if(type=="relevancy"){                      
                  newsObj.getNews = resnews.articles; // overlapping my response 
                  console.log(typeof resnews.articles); //returns object
                  _self.renderNewsInUIAppend(resnews.articles, type)
              } else {
                  newsObj.popular = resnews.articles;
                  console.log(typeof newsObj);//returns object
                  _self.renderNewsInUIAppend(resnews.articles, type);
              }
          } else {
              console.warn("There was error fetching error.");
          }
      }
  })
  </code></pre>
  
  <p>My response from <code>newsObj.getNews</code></p>
  
  <p><a href="https://i.stack.imgur.com/PMV3v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PMV3v.png" alt="enter image description here"></a></p>