JSFiddle - React, Tailwind, and code Playground

HTML

<body>
</body>

JavaScript

//json data
[
    {"name":"Usman ","task":"Getting work","date":"27-07-2014 12:28:45 PM","status":"1"},
    {"name":"Hamza","task":"Starting work","date":"27-07-2014 12:29:36 PM","status":"1"},
    {"name":"Hamza","task":"Geted","date":"27-07-2014 2:04:07 PM","status":"1"},
    {"name":"Hamza","task":"Start work","date":"02-08-2014 3:56:37 PM","status":"1"}
]

$(document).ready(function(e) {		
    // Using the core $.ajax() method
    $.ajax({
        url: "getdata.php",
        type: "GET",
        dataType : "json",
        success: function( json ) {
            $( "<h1/>" ).text( json.name ).appendTo( "body" );
            $( "<div class=\"content\"/>").html( json.task ).appendTo( "body" );
        },
        complete: function( xhr, status ) {
            alert( "The request is complete!" );
        }
    });	
});