Continuously updating a page using Ajax.

class NokoController < ApplicationController

def nokosearch
    j = ActiveSupport::JSON
    keywords = params[:search_string]
    #initialize @product_links as empty array
    @product_links = Array.new

    # initialize hash of arrays
    @products = Hash.new {|h,k| h[k]=[]}

    # make keywords string friendly to use in search url
    keywords = keywords.split(' ').join('+')

    # Initialize an array that will be filled with links to individual products that nokogiri finds for all the products on a page
    noko_links = Array.new

    # URL construction
    base_url = "http://www.amazon.com/s/url=search-alias%3Daps"
    keyword_url = base_url + "&field-keywords=" + keywords

    # Opening up a page from the URL with a list of products. Selecting all the links for the products and removing empties.
    page = Nokogiri::HTML(open(keyword_url))
    @product_links = page.css("a").select{|link| link['class'] == "title"}
    @product_links.compact! # get rid of nils

    # Using the Fletcher module for each link to product pages to get simple information returned as strings (names, descriptions, image urls etc)
    @product_links.each do |link|
      fletchedProduct = Fletcher.fetch link['href']

      @products["name"] << fletchedProduct.name
      @products["description"] << fletchedProduct.description
      if (fletchedProduct.image != nil)
        @products["image"] << fletchedProduct.image[:src]
      else
        @products["image"] << ""
      end
      @products["price"] << fletchedProduct.price

    end
    @jsonproducts = j.encode(@products)
    render :json => @jsonproducts

  end

end

@product_links.first do |link|

$('#my-search').live('change', function () {
  alert('this is an alert');
    $.ajax({
    // type: "GET",
    url: 'noko/nokosearch',
    data: {search_string: document.getElementById('my-search').value}, 
    dataType: 'json',
    complete: function() {
      alert("Ajax Complete!");
    },
    success: function(data){
      alert('you have success');

        $.each(search_results, function(index, search_result) {
          $('#product-list').append('<li>'+search_result.name+'</li>');
        });
      },
      error: function() {
        alert("Ajax Error !");
      },


  });
});

get 'noko/nokosearch' => 'noko#nokosearch'