JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<button id='button'>click</button>
<div></div>

JavaScript

var emart = emart || {};
emart.Model = emart.Model || {};
emart.View = emart.View || {};
emart.Presenter = emart.Presenter || {};

emart.Model.User = new function () {
    var serviceBase = 'http://jsfiddle.net/echo/jsonp/',
        getAccount = function(acctNumber) {
            return $.getJSON(serviceBase + 'account', 
            { acctNumber: acctNumber });
        },
 
        getInfo = function(data) {            
            var htData = data || {
                text: 'some text',
                par1: 'another text'
            };
            
            return $.ajax({
                type: "get",
                url: serviceBase,
                data: htData,
                dataFilter: function(data, type) {
                    console.log("dataFilter");
                    console.log(data);
                    console.log(type);
                    //return JSON.stringify(data);
                },                
                dataType: "jsonp"
            });
        };
 
    return {
        getAccount: getAccount,
        getInfo: getInfo
    }; 
}();

emart.View.User = new function (){
    var el = $("div");
    var render = function(msg){
        el.empty().append(msg.text);
    };

    return {
        render: render
    }
}();

emart.Presenter.User = new function (){
    var _init = function(){
        _initEvents();
    };
    
    var _initEvents = function(){
        $("#button").on("click",function(){
            emart.Model.User.getInfo({text: 'change text'}).done(emart.View.User.render);
            /*model.getInfo({text: 'change text'}).done(function(msg){
                view.render(msg);
            });*/
        });
    };
    
    return {
        init: _init,        
    }    
}();



$(document).ready(function() {
    emart.Presenter.User.init();
});