Question

I am trying to convert this code from Protoytpe to JQuery:

Event.observe(window, 'load', init, false);

function init(){
 Event.observe('signup','submit',storeAddress);
}

// AJAX call sending sign up info to store-address.php
function storeAddress(event) {
 // Update user interface
 $$('response').innerHTML = 'Adding email address...';
 // Prepare query string and send AJAX request
 var pars = 'ajax=true&email=' + escape($F('email'));
 var myAjax = new Ajax.Updater('response', '/mailchimp/store-address.php', {method: 'get', parameters: pars});
 Event.stop(event); // Stop form from submitting when JS is enabled
}

Any help appreciated!

Answer 1

$(function() {
    $('#signup').submit(function(e) {
       var el = this;
       e.preventDefault()
       $('response').html('Adding email address');
       $.ajax({
          url:'/mailchimp/store-address.php',
          data: 'ajax=true&' + $(el).serialize(),
          success:function(){}
       });
    });
});

This should get you started and you can fill in the missing parts or modify it. Remember to reference the API.