Obtenir la zone de saisie de Texte à l'aide d'ajax sur le bouton cliquez sur

Je veux un code pour obtenir la zone de texte valeur lors de la soumettre le bouton est cliqué. Il doit être à l'Ajax.Voici le code que j'ai essayé jusqu'à présent.Mais je culdent se rendre au travail....

<form action="" method="post">
<p>Route No :
<input type="text" name="route_no" required="required" />
<input type="submit" value="Search" name="search" />
</form>

Code Ajax

<script type="text/javascript">
$(document).ready(function() {
$("#sub").click(function() {
var textboxvalue = $('name or id of textfield').val();
$.ajax({
    type: "POST",
    url: 'ajaxPage.php',
    data: {txt1: textboxvalue},
    success: function(result) {
        $("div").html(result);
    }
});
});
});​
</script>

Code PHP

$txt = null;
if((isset($_POST)) && (isset($_POST['txt1'])))
{
echo $txt = $_POST['txt1'];
}
InformationsquelleAutor Niranjana668 | 2013-04-23
  1. 6

    HTML:

    <label for="route_no">Route No:</label><input type="text" id="route_no" name="route_no" required="required" />
<input type="button" value="Search" id="search" />
<div id="result"></div>

    JavaScript:

    $(document).ready(function()
{
    $("#search").click(function()
    {
        var textboxvalue = $('input[name="route_no"]').val();

        $.ajax(
        {
            type: "POST",
            url: 'ajaxPage.php',
            data: {txt1: textboxvalue},
            success: function(result)
            {
                $("#result").html(result);
            }
        });
    });
});​

    ajaxPage.php:

    if(isset($_POST) && isset($_POST['txt1']))
{
    echo $_POST['txt1'];
}
    • non, ça ne fonctionne toujours pas...je dnt savoir quel est le worng avec le code..il seemsokay pour moi
    • Ce n'est pas de travail? Avez-vous une console de regarder comme Firebug ou Chrome Developer Tools? Est la page de demande de sortir ou est-il de retourner quelque chose que vous devriez être à la recherche à un ajax fonction d'erreur.
    • ah je dnt utiliser les Outils du Développeur? Je suis en train de travailler sur wamp server
    • Quel navigateur êtes-vous tester dans?
    • Appuyez sur la touche F12 et de regarder l'onglet Console pour les éventuelles erreurs. Ensuite, regardez l'onglet Réseau pour voir la réaction de votre ajaxPage.php demande.
    • Uncaught SyntaxError: Unexpected token ILLÉGAL C'est l'erreur, et merci pour les conseils
    • Heyy merci pour le conseils... je l'ai eu vraiment merci. C'est juste un semicolen à la fin de javascript(Dernière Semicolen) Retiré, il Vola 😀 😀

    InformationsquelleAutor SimonDever
  2. 2

    Vous avez un problème ici

    $("#sub").click(function() {

    vous utilisez id ="sub" pour le bouton soumettre, mais vous n'êtes pas à l'attribution d'id de ce bouton afin de donner l'id de soumettre le bouton id="sub".

    • mise à jour de votre code ici tout ce qui est changé. Je vais vous aider à le résoudre.
    InformationsquelleAutor chandresh_cool
  3. 2

    Pour obtenir la valeur de la zone de texte, vous pouvez utiliser:

    $('#elementid').val()
    InformationsquelleAutor Mariano