jquery - 将原型(prototype)脚本更改为 jquery one

Question

我有这个表单提交代码:

Event.observe(window, 'load', init, false);
function init() {
  Event.observe('addressForm', 'submit', storeAddress);
}
function storeAddress(e) {
  $('response').innerHTML = 'Adding email address...';
  var pars = 'address=' + escape($F('address'));
  var myAjax = new Ajax.Updater('response', 'ajaxServer.php', {method: 'get', parameters: pars});
  Event.stop(e);
}

如何更改它以与 jQuery 一起使用？

这是 html 表单:

<form id="addressForm" action="index.php" method="get">
  <b>Email:</b> <input type="text"  name="address" id="address" size="25"><br>
  <input name="Submit" value="Submit" type="submit" />
  <p id="response"><?php echo(storeAddress()); ?></p>
</form>

这是文档开头的 php 代码:

<?php
require_once("inc/storeAddress.php");
?>

Answer 1

类似这样的事情:

$(function() {
    $('#addressForm').submit(function() {
        $('#response')
            .html('Adding email address...')
            .load('ajaxServer.php', { address: $('#address').val() }, function() {
                $('#address').val('');
            });
        return false;
    });
});

注意:使用.load()时，如果数据作为对象提供，则使用POST方法；否则，假定为 GET。因此，如果您想以 GET 方式传递数据，请使用:

.load('ajaxServer.php', 'address='+$('#address').val());

或者直接从 $_POST['address'] 获取提交的数据，我认为这会更明智、更容易。