Stackover AJAX Example

http://stackoverflow.com/a/24902087/1093087

HTML

<h4>See reviews</h4>
<ul id="see_all_reviews"></ul>
<button name="foo" class="all_reviews">see all reviews</button>

JavaScript

var url = "http://httpbin.org/post";

//$("ul#see_all_reviews").dialog({autoOpen: false, show: "blind", hide: "blind"});

// This mocks the data that should be returned by AJAX call
var mockData = {
  results: [{"review_text":"good"},{"review_text":"not bad"},{"review_text":"great"}],
};

$(".all_reviews").click(function() {
    var itemId = $(this).attr("name");
    
    $.post(url, {item_id: itemId}, function(data) {
      // Need to use our mockData to demonstrate
      data = mockData;
    
      $.each(data.results, function (n, result) {
        var $li = $('<li />').text(result.review_text);
        $("ul#see_all_reviews").append($li);
      });

      $("ul#see_all_reviews").dialog('open');
  }, "json")
    .error(function(data) {
      $("#see_all_reviews").text(data.message);
    }); 
});