SHOW:
|
|
- or go back to the newest paste.
1 | <form action='/my_path/' method='GET'> | |
2 | <div class='aclass'> | |
3 | <input type='text' size='50' placeholder='Type something' /> | |
4 | <button type='submit'>Click me</button> | |
5 | </div> | |
6 | </form> | |
7 | ||
8 | <script> | |
9 | function success(data, textStatus, jqXHR) | |
10 | { | |
11 | alert('DEBUG: success'); | |
12 | } | |
13 | ||
14 | function error(jqXHR, textStatus, errorThrown) | |
15 | { | |
16 | alert('DEBUG: error'); | |
17 | } | |
18 | ||
19 | jQuery.fn.ajaxify = function(selector, success, error) | |
20 | { | |
21 | if (arguments.length === 2) | |
22 | { | |
23 | error = success; | |
24 | success = selector; | |
25 | selector = undefined; | |
26 | } | |
27 | ||
28 | return this.on('submit', function(e) | |
29 | { | |
30 | // Copy the options from the '<form />' control. | |
31 | jQuery.ajax({ | |
32 | url: this.target, | |
33 | method: this.method || 'GET', | |
34 | data: '{SomeJSON: ' + (typeof selector === 'undefined' ? $(this).serialize() : $(this).find(selector).serialize()) + '}' | |
35 | - | }).done(jQuery.proxy(this, success)).fail(jQuery.proxy(this, error)); |
35 | + | }).done(jQuery.proxy(success, this).fail(jQuery.proxy(error, this)); |
36 | ||
37 | e.preventDefault(); | |
38 | }); | |
39 | }; | |
40 | ||
41 | jQuery(document).ready(function() | |
42 | { | |
43 | - | jQuery('.button').click(function() |
43 | + | jQuery('form').ajaxify('input', success, error); |
44 | }); | |
45 | - | jQuery.fn.ajaxify('input', success, error); |
45 | + |