Envoyer seule entrée avec ajax/jquery/php

Je suis nouveau sur jQuery /AJAX.
Je suis en train d'envoyer seule entrée avec jquery/ajax/php.

LIVE EXEMPLE

Mais, après appui sur envoyer rien ne se passe, où est mon erreur?
Toute aide appréciée.

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);
?>
Quand je l'ai tester votre exemple, Firebug m'informe que le script PHP est un 404 - GET submit.php?number=23&_=1312128751227 404 Not Found 397ms

OriginalL'auteur Iladarsda | 2011-07-31

  1. 3

    HTML:

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

    L'URL de l'action est pertinent que vous souhaitez soumettre vos données via AJAX. Ajouter le submit id de la forme et de remplacer la valeur par défaut de soumettre le comportement, au lieu de l'annulation de la onclick gestionnaire du bouton submit. Je vais vous expliquer dans le JS de la section.

    JS:

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

    Citations étaient manquantes.

    $(document).ready(function(e) {
    $('#submit').submit(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;
    });
});

    Je ne comprends pas vraiment votre succès rappel, pourquoi pensez-vous que html doit être égal à 1?

    OriginalL'auteur emboss

  2. 1

    Au moins je suis d'erreur 404 quand la touche est pressée votre bouton envoyer:

    Not Found    
The requested URL /index.php was not found on this server.    
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Lorsque vous l'obtenez à travailler, n'oubliez pas d'ajouter la fonction mysql_real_escape_string pour éviter les injections SQL http://php.net/manual/en/function.mysql-real-escape-string.php

    Puisque vous êtes également à l'aide de l'ID pour le numéro, vous pouvez simplement utiliser: var data = 'number=' + $('#number').val()

    Aussi, si vous ajoutez l'ID de votre formulaire, vous pouvez utiliser:

    $('#formId').submit(function(){

});

    au lieu de cela, cliquez sur. Cette fonction va lancer que lorsque le formulaire est soumis. C'est la meilleure façon, car les utilisateurs peuvent soumettre le formulaire avec d'autres moyens ainsi que simplement en cliquant sur le bouton "soumettre" (entrée).

    OriginalL'auteur Pehmolelu

  3. 0
    var number = $('input[name=number]');

    est faux. C'est

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

    OriginalL'auteur M. Cypher