JSFiddle - React, Tailwind, and code Playground

by zufa

HTML

<div id="elevenst" class="view"><progress/></div>
<div id="gmarket" class="view"><progress/></div>
<div id="auction" class="view"><progress/></div>

CSS

.view{height:100px; overflow:hidden; scroll:auto; padding: 15px}

JavaScript

var whenTest = { 
    getHTML: function(url) {
        var promise = jQuery.Deferred();
        jQuery.ajax({
            url: "http://corsproxy.nodester.com/?"
            ,data: {"src": url}
            ,success: function(result) {
                promise.resolve(result);
            }
            ,error: function() {
                promise.reject.call(null, this.url, arguments);
            }
        });
        
        return promise;
    }
}

$.when(
     whenTest.getHTML('www.11st.co.kr/html/main.html')
    ,whenTest.getHTML('www.gmarket.co.kr')
    ,whenTest.getHTML('www.auction.co.kr')
    
).then(function(elevenSt, gmarket, auction) {       
        $("#elevenst").text(elevenSt);
        $("#gmarket").text(gmarket);
        $("#auction").text(auction);        

    }, function() {
        console.log(arguments);
    }
);