renatosousafilho · August 3, 2012 13:08 · lukelex · Aug 3, 2012 · renatosousafilho · Aug 3, 2012
diff --git a/contact.rb b/contact.rb
 class Contact < ActiveRecord::Base
  attr_accessible :name, :phone
 end
diff --git a/contacts_controller.rb b/contacts_controller.rb
 class ContactsController < ApplicationController
 	respond_to :html, :xml, :json, :js

 	def create 
 		# contact = Contact.new
 		# contact.name = params[:name]
 		# contact.phone = params[:phone]
 		# contact.save
 		render :json => {:message=>"salvo com sucesso"}, :callback => params[:callback] 
 		
 	end

 	def show
 		@contact = Contact.first
 		render :json => {:message=>"salvo com sucesso"}, :callback => params[:callback]
 		
 	end
 end
diff --git a/LOG FIREFOX b/LOG FIREFOX
 [10:32:35.845] POST http://localhost:3000/contacts [HTTP/1.1 200 OK  224ms]
 [10:32:35.858] ({readyState:0, setRequestHeader:(function (a, b) {if (!s) {var c = a.toLowerCase();a = m[c] = m[c] || a, l[a] = b;}return this;}), getAllResponseHeaders:(function () {return s === 2 ? n : null;}), getResponseHeader:(function (a) {var c;if (s === 2) {if (!o) {o = {};while ((c = bG.exec(n))) {o[c[1].toLowerCase()] = c[2];}}c = o[a.toLowerCase()];}return c === b ? null : c;}), overrideMimeType:(function (a) {s || (d.mimeType = a);return this;}), abort:(function (a) {a = a || "abort", p && p.abort(a), w(0, a);return this;}), done:(function () {if (c) {var a = c.length;n(arguments), j ? (l = c.length) : e && e !== !0 && (k = a, o(e[0], e[1]));}return this;}), fail:(function () {if (c) {var a = c.length;n(arguments), j ? (l = c.length) : e && e !== !0 && (k = a, o(e[0], e[1]));}return this;}), progress:(function () {if (c) {var a = c.length;n(arguments), j ? (l = c.length) : e && e !== !0 && (k = a, o(e[0], e[1]));}return this;}), state:(function () {return e;}), isResolved:(function () {return !!i;}), isRejected:(function () {return !!i;}), then:(function (a, b, c) {i.done(a).fail(b).progress(c);return this;}), always:(function () {i.done.apply(i, arguments).fail.apply(i, arguments);return this;}), pipe:(function (a, b, c) {return f.Deferred(function (d) {f.each({done: [a, "resolve"], fail: [b, "reject"], progress: [c, "notify"]}, function (a, b) {var c = b[0], e = b[1], g;f.isFunction(c) ? i[a](function () {g = c.apply(this, arguments), g && f.isFunction(g.promise) ? g.promise().then(d.resolve, d.reject, d.notify) : d[e + "With"](this === i ? d : this, [g]);}) : i[a](d[e]);});}).promise();}), promise:(function (a) {if (a == null) {a = h;} else {for (var b in h) {a[b] = h[b];}}return a;}), success:(function () {if (c) {var a = c.length;n(arguments), j ? (l = c.length) : e && e !== !0 && (k = a, o(e[0], e[1]));}return this;}), error:(function () {if (c) {var a = c.length;n(arguments), j ? (l = c.length) : e && e !== !0 && (k = a, o(e[0], e[1]));}return this;}), complete:(function () {if (c) {var a = c.length;n(arguments), j ? (l = c.length) : e && e !== !0 && (k = a, o(e[0], e[1]));}return this;}), statusCode:(function (a) {if (a) {var b;if (s < 2) {for (b in a) {j[b] = [j[b], a[b]];}} else {b = a[v.status], v.then(b, b);}}return this;}), responseText:"", status:0, statusText:"error"}) @ file:///home/renatofh/development/agenda2/index.html:29
diff --git a/pagina.html b/pagina.html
 <html>
 <head>
 	<title>Formulario</title>
 	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 	<script type="text/javascript">
 	$(function() {
 	$("#meuForm").submit(function(event) {
 		event.preventDefault();
 		var $form = $(this),
 			name = $form.find('input[name="name"]').val(),
 			phone = $form.find('input[name="phone"]').val(),
 			url = $form.attr('action'),
 			params = $form.serialize();
 		$.post(url, params, function(data) {
 			console.log(data);
 		}, "jsonp");
 	});
 });
 	</script>
 </head>
 <body>
 	<form id="meuForm" action="http://localhost:3000/contacts" method="POST">
 		<table>
 			<tbody>
 				<tr>
 					<td>Nome</td>
 					<td><input type="text" name="name"></td>
 				</tr>
 				<tr>
 					<td>Telefone</td>
 					<td><input type="text" name="phone"></td>
 				</tr>
 			</tbody>
 		</table>
 		<input type="submit">
 	</form>
 </body>
 </html>
	class Contact < ActiveRecord::Base
	attr_accessible :name, :phone
	end
	class ContactsController < ApplicationController
	respond_to :html, :xml, :json, :js

	def create
	# contact = Contact.new
	# contact.name = params[:name]
	# contact.phone = params[:phone]
	# contact.save
	render :json => {:message=>"salvo com sucesso"}, :callback => params[:callback]

	end

	def show
	@contact = Contact.first
	render :json => {:message=>"salvo com sucesso"}, :callback => params[:callback]

	end
	end
	<html>
	<head>
	<title>Formulario</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	$(function() {
	$("#meuForm").submit(function(event) {
	event.preventDefault();
	var $form = $(this),
	name = $form.find('input[name="name"]').val(),
	phone = $form.find('input[name="phone"]').val(),
	url = $form.attr('action'),
	params = $form.serialize();
	$.post(url, params, function(data) {
	console.log(data);
	}, "jsonp");
	});
	});
	</script>
	</head>
	<body>
	<form id="meuForm" action="http://localhost:3000/contacts" method="POST">
	<table>
	<tbody>
	<tr>
	<td>Nome</td>
	<td><input type="text" name="name"></td>
	</tr>
	<tr>
	<td>Telefone</td>
	<td><input type="text" name="phone"></td>
	</tr>
	</tbody>
	</table>
	<input type="submit">
	</form>
	</body>
	</html>