使用ajax / jquery / php发送单个输入

我是jQuery / AJAX的新手.
我正在尝试使用 jquery / ajax / PHP发送单个输入.

LIVE EXAMPLE

但是,按下提交后没有任何事情发生,我的错误在哪里？
任何帮助非常感谢.

HTML：

<form action="submit.PHP">
    <input id="number" name="number" type="text" />
    <input id="submit" name="submit" type="submit" />
</form>

JQUERY / AJAX：

$(document).ready(function(e) {
    $('input#submit').click(function() {
        var number = $('input[name=number]');
        var data = 'number=' + number.val();

        $.ajax({
            url: "submit.PHP",type: "GET",data: data,cache: false,success: function(html) {
                if (html == 1) {
                    alert('wyslane');
                }
                else {
                    alert('error');
                }
            }
        });
        return false;
    });
});

PHP：

<?PHP 
    $mailTo = '[email protected]';
    $mailFrom = '[email protected]';
    $subject = 'Call Back';
    $number = ($_GET['number']) ? $_GET['number'] : $_POST['number'];   
    mail($mailTo,$subject,$number,"From: ".$mailFrom);
?>

解决方法

HTML：

<form id=submit action="">
  <input id="number" name="number" type="text" />
  <input name="submit" type="submit" />
</form>

由于您希望通过AJAX提交数据,因此操作URL无关紧要.将提交ID添加到表单并覆盖默认提交行为,而不是覆盖提交按钮的onclick处理程序.我将在JS部分解释.

JS：

var number = $('input[name="number"]');

报价不见了.

$(document).ready(function(e) {
    $('#submit').submit(function() {
        var number = $('input[name=number]');
        var data = 'number=' + number.val();

        $.ajax({
            url: "submit.PHP",success: function(html) {
                if (html == 1) {
                    alert('wyslane');
                }
                else {
                    alert('error');
                }
            }
        });
        return false;
    });
});

我真的不明白你的成功回调,你为什么期望html应该等于1？