kyleondata/ApiHandler.rb

## ApiHandler.rb
require 'sinatra'
require 'json'

get '/api/hello' do
  # Return this message in JSON format.
  content_type :json
  { :message => 'Hello World!' }.to_json
end

## Config.ru
# Add an module you want to run here
require './ApiHandler.rb'
require './FrontEndHandler.rb'

# Then run the app in sinatra.
run Sinatra::Application

## FrontEndHandler.rb
require 'sinatra'

get '/' do
  # Anything in the public folder gets served up
  # automatically by Sinatra so this is where I put
  # HTML, CSS, and image files.
  # This acts as a URL router and just takes the HTML
  # and returns it.
  File.read(File.join('public', 'index.html'))
end

## index.html
<html>
	<head>
		<script src='/jquery-1.7.2.min.js'></script>

		<script>
			$(document).ready(function(){
				$.ajax({
					url: 'http://localhost:8080/api/hello',
					dataType: 'json',
				}).done(function(data){
					$('body').html(data.message);
				});
			});
		</script>
	</head>
	<body>

	</body>
</html>
	require 'sinatra'
	require 'json'

	get '/api/hello' do
	# Return this message in JSON format.
	content_type :json
	{ :message => 'Hello World!' }.to_json
	end
	# Add an module you want to run here
	require './ApiHandler.rb'
	require './FrontEndHandler.rb'

	# Then run the app in sinatra.
	run Sinatra::Application
	require 'sinatra'

	get '/' do
	# Anything in the public folder gets served up
	# automatically by Sinatra so this is where I put
	# HTML, CSS, and image files.
	# This acts as a URL router and just takes the HTML
	# and returns it.
	File.read(File.join('public', 'index.html'))
	end
	<html>
	<head>
	<script src='/jquery-1.7.2.min.js'></script>

	<script>
	$(document).ready(function(){
	$.ajax({
	url: 'http://localhost:8080/api/hello',
	dataType: 'json',
	}).done(function(data){
	$('body').html(data.message);
	});
	});
	</script>
	</head>
	<body>

	</body>
	</html>