- Download this application skeleton.
- Convert the app to use AJAX.
- Add any files you changed to your gist and submit your code.
-
-
Save michaelchihuyho/6031199 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function () { | |
| // PSEUDO-CODE: | |
| // 1- intercept the form submission event using jQuery | |
| // 2- prevent the default action for that event from happening | |
| // 3- generate a random number between 1 and 6 using JavaScript | |
| // 4- use jQuery to submit an AJAX post to the form's action | |
| // 5- when the AJAX post is done, replace the contents of the "#die" DIV in the DOM using jQuery | |
| $('form').submit(function(event){ | |
| event.preventDefault(); | |
| // look at form input for debugging | |
| console.log($(this).serialize()); | |
| // post! | |
| $.post('/rolls', $(this).serialize(), function(roll_response){ | |
| $('#die').html(roll_response); | |
| }); | |
| }); | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <% if @roll %> | |
| <img src="/<%= @roll.value %>.png" title="<%= @roll.value %>" alt="the roll"> | |
| <% end %> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| get '/' do | |
| erb :index | |
| end | |
| # TODO: convert this route to use AJAX | |
| post '/rolls' do | |
| # If the user passes-in a "value", let's use it. Otherwise, we'll generate a random one. | |
| # See: roll_if_value_is_nil method in the Roll model. | |
| value = params["value"] ? params["value"].to_i : nil | |
| @roll = value ? Roll.create({ value: value }) : Roll.create | |
| erb :die # HINT: what does this do? what should we do instead? | |
| end |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment