JSFiddle - React, Tailwind, and code Playground

by Yoshiharu Kamata

HTML

<script src="http://jquery-json.googlecode.com/svn/trunk/src/jquery.json.min.js"></script>
<div id="console">init</div>
<button id="plot" class="disabled">plot</button>
<button id="downlod" class="disabled">download</button>
<button id="disabled">disabled</button>
<button id="ajax">ajax</button>
<button id="json">json</button>

JavaScript

$("#plot").click(function() {
    $("#console").text("plot");
});
$("#disabled").click(function() {
    $(".disabled").attr("disabled", true);
});
$("#ajax").click(function() {
    $("#console").load("/echo/html/", {
        html: "<h1>load</h1>",
        delay: 3
    });
});

$("#json").click(function() {
    var obj = {
        a: "a",
        b: 1
    };
    //$("#console").text($.toJSON(obj));
    $.ajax({
        url: "/echo/json/",
        type: "POST",
        data: {
            json: $.toJSON(obj),
            delay: 3
        },
        dataType: "json"
    }).done(function(data) {
        $("#console").text(data.a);
    })
    $("#console").text("json start");
});