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

发布时间：2020-12-16 02:49:09 所属栏目：百科来源：网络整理

导读：我是jQuery / AJAX的新手. 我正在尝试使用 jquery / ajax / php发送单个输入. LIVE EXAMPLE 但是,按下提交后没有任何事情发生,我的错误在哪里？任何帮助非常感谢. HTML： form action="submit.php" input id="number" name="number" type="text" / input id

我是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@gmail.com';
    $mailFrom = 'email@gmail.com';
    $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？

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!