En passant de la valeur de l'ajax php variable dans la même page

Depuis 3 jours j'essaie de mon mieux pour obtenir la solution de l'Ajax & PHP, j'ai essayé tous les tuto mais je n'arrive pas à obtenir la solution, je suis nouveau à l'Ajax,Jquery, mais ma question est très simple à vous tous.

j'ai développé un site web en utilisant jquery & PHP, j'ai créé le menu à l'aide de HTML (ul, li) donc est ce que je veux, si je clique sur la rubrique du menu ajax doit envoyer la valeur de la variable php et puis exécuter la fonction php, mais tout cela doit se faire dans la même page,..

S'il vous plaît aider moi à résoudre les problèmes.

Jusqu'à présent, j'ai essayé le suivant:

JavaScript:

<script type="text/javascript">
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "oldindex.php",
            data: val,
            success: function() {
                alert("Hi, testing");
            }
        });
    });
</script>

PHP et HTML:

<input type="submit" id="btn" value="submit">
<form name="numbers" id="numbers">
    <input type="text" name="number" id="number">
</form>

<div id="number_filters">
    <a href="abc">1</a>
    <a href="def">2</a>
    <a href="ghi">3</a>
</div>

donc si je clique sur le href, je devrais obtenir la valeur de la variable php, cela devrait arriver dans la même page que

Qu'entendez-Vous par "la même page"?
par exemple, si j'ai écrit ci-dessus dans le script gallery.php puis l'ajax doit passer de la valeur à gallery.php seulement, il doit se produire dans l'auto page...
où est votre fonction php qui traitent de la requête ajax

OriginalL'auteur user2454281 | 2013-06-05

  1. 5

    index.php page

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "ajax.php",
            data: { val : val },
            success: function( result ) {
                alert("Hi, testing");
                alert( result );
            }
        });
    });
});
</script>

<input type="submit" id="btn" value="submit">
<form name="numbers" id="numbers">
    <input type="text" name="number" id="number">
</form>

<div id="number_filters">
    <a href="abc">1</a>
    <a href="def">2</a>
    <a href="ghi">3</a>
</div>

    ajax.php page

    <?php
echo ( $_GET['val'] );
    BONJOUR, j'utilise votre code, mais comment passer du Val de la valeur de la variable php...
    c'est ce que j'ai fait....
    vous pouvez obtenir la valeur à l'aide $_GET['val'] dans votre "oldindex.php" page.
    Désolé, pas de sortie....
    Les gars, la réponse ci-dessus n'est pas pour la même page. Il;s en utilisant une autre page et la question est de savoir sur ajax réponse dans la même page. Ici, même page: code ajax, ajax url sont dans la même page.

    OriginalL'auteur som

  2. 4

    Voyons voir:

    1 - Si tu fais un appel AJAX, votre page ne sera pas actualisé. Donc, si vous essayez d'envoyer des variables à la même page qui fait de l'appel AJAX, ça ne marchera pas, voici pourquoi. Lorsque vous êtes en mesure de voir la page et exécution de l'appel AJAX, le code est déjà sur le côté client (votre web explorer), il n'y pas de PHP sera vu ou exécuté (PHP est exécuté sur le serveur uniquement), il est donc impossible pour la même page de saisir et de traiter les variables que vous transmettez à l'aide d'AJAX (AJAX depuis de ne PAS actualiser la page, qui est le point d'AJAX).

    2 - Si vous êtes en utilisant AJAX, vous n'avez pas à appeler à la même page. Appel à l'autre en PHP, il fera le côté serveur de travailler pour vous, puis retourner le résultat:

    success: function(data) {
   alert("Hi, server returned this: "+data);
}

    3 - Lorsque vous passer des variables à l'aide d'AJAX, vous devez attribuer à la variable un nom, de sorte qu'il peut être lu dans le PHP côté:

    data: {value: val},

    4 - Pour ce que vous avez dans votre question, vous ne commencez pas à l'appel AJAX en cliquant sur un href, vous avez l'AJAX fonction liée à un input type=submit, il est aussi à l'extérieur d'un formulaire.. donc, nous allons faire mieux:

    <button id="btn">submit</button>
    Salut, pouvez-vous me donner un exemple de code afin que je puisse essayer plz, je suis vraiment nouveau à l'ajax et jquery..

    OriginalL'auteur Naryl

  3. 1

    Voici votre solution, telle que donnée de l'échantillon de code:

    <?php if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    echo $_GET['q'];
    exit;
} ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){    
        $("#btn").click(function(e) {
            e.preventDefault();
            var val = "Hi";
            $.ajax ({
                url: "test8.php",
                //wrong query. you are not passing key , so here q is key
                data: 'q=' + val,
                success: function(returnResponseData) {
                alert('Ajax return data is: ' + returnResponseData);
                }
            });
        });
    });
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
</head>

<body>
    <form name="numbers" id="numbers">    
        <input type="text" name="number" id="number">
        <input type="submit" name='button' id="btn" value="submit">
    </form>
</body>
</html>
    vous pouvez obtenir le fichier à partir de ce lien emsoftware.in/test8.txt
    Vérifier mes mises à jour de réponse..

    OriginalL'auteur Neeraj Singh