comment faire pour exécuter du code php sur le bouton soumettre sans actualisation/ rechargement de la page

Je veux exécuter un code php sur le bouton soumettre, cliquez sur sans rafraîchissant et recharger ma page. Est-il possible? j'ai également fonction javascript au chargement de la page, c'est pourquoi je ne veux pas me rafraîchir la page.
merci à l'avance.

<?php
if(isset($_POST["search"]))
{
$show = "SELECT * FROM data";
$rs = mysql_query($show) or die(mysql_error());
 $add_to_textbox = "<input type='button' name='btn' value='add' />";
#****results in Grid****
    echo "<table width='360px' border='1' cellpadding='2'>";
    $rowID=1;
while($row = mysql_fetch_array($rs))
{
    echo "<tr>";
    echo "<td width='130px' id='name.$rowID.'>$row[Name]</td>";
    echo "<td width='230px' id='link.$rowID.'><a href = '$row[Link]'>$row[Link]</a></td>";
    echo "<td width='130px' onclick='Display($rowID);'>$add_to_textbox</td>";
    echo "</tr>";
    $rowID++;
}
    echo "</table>";
#**********************
mysql_free_result($rs);
}
?>

<script type="text/javascript">
function Display(rowID){
    var linkVal = document.getElementById('link'+rowID+'').innerHTML.replace(/<\/?[^>]+(>|$)/g, "\n");
    document.getElementById("name").value = document.getElementById('name'+rowID+'').innerHTML;
    document.getElementById("link").value = linkVal; 
    }
</script>

voici mon code

  • simplement utiliser ajax.
  • Utilisation ajax, vous pouvez google.
  • pouvez-vous me montrer comment faire? @polin
  • eh bien, il est vraiment important 4: vous savez exactement ce que l'ajax n'. Il peut être fait sur le serveur et côté client, frappé de la base de données ou non. Donc, pour la connaissance initiale plz aller pour w3schools.com pour la première konwledge
  • j'ai cherché beaucoup mais n'a pas encore trouvé la réponse appropriée. 🙁
InformationsquelleAutor Bkay | 2012-11-26
  1. 7

    Bien, vous avez besoin d'utiliser le javascript /ajax.

    Exemple: sur votre soumettre un lien (a href pour exaple), ajouter de l'appel-en-js fonction submitMe et de transmettre ce que les variables que vous devez

    function submitMe() {
    jQuery(function($) {    
        $.ajax( {           
            url : "some_php_page.php?action=getsession",
            type : "GET",
            success : function(data) {
                alert ("works!"); //or use data string to show something else
                }
            });
        });
    }

    SI vous souhaitez modifier du contenu dynamique, il est facile - il vous suffit de créer des balises, et assigner un ID à eux : <div id="Dynamic"> </div>

    Puis vous charger QUOI que ce soit entre ces deux balises à l'aide 

    document.getElementById("Dynamic").innerHTML = "<b>BOOM!</b>";

    Ce qui signifie que vous avez de la zone d'appel entre les deux balises et le chargement de quelque chose en eux. De la même façon, vous OBTENEZ des données à partir de l'endroit: 

    alert(document.getElementById("Dynamic").innerHTML);

    Veuillez lire ceci:
    http://www.tizag.com/javascriptT/javascript-getelementbyid.php

    En outre, de jouer et d'expérimenter des éléments du DOM et d'apprendre comment ils interagissent. Il n'est pas difficile, faut juste un peu de temps à comprendre tous les concepts.

    • u peut donner des précisions?
    • ok je l'ai eu aujourd'hui Merci @andrew .
    InformationsquelleAutor Andrew
  2. 0

    Chaque fois que vous envoyer la requête ajax (avec du js de toute façon) à partir d'un formulaire html, assurez-vous d'ajouter le retour de fausse déclaration, pour empêcher la redirection:
    quelque chose comme:

    <form method="post" ... onsubmit="ajax_post(); return false;">

    Vous devez utiliser ajax, mais vous pouvez le faire dans la plaine du javascript (sans jquery). Jquery facilite.

    plaine exemple en javascript: Cette fonction permet de déclencher un ajax, par obtenir, sans paramètre: vous pouvez l'ajuster de sorte qu'il s'exécute en POSTE et être en mesure d'envoyer un certain nombre de paramètres: fichier représentent le fichier php à la demande et html représentent le conteneur whre les données seront affichées:

    function plain_ajax(file,html){
    if (window.XMLHttpRequest){ 
          r=new XMLHttpRequest();   //For Most BRowser
    } else{ 
          r=new ActiveXObject("Microsoft.XMLHTTP");  //for Explorer
    }

    //When the state change
    r.onreadystatechange=function(){ 
       //ReadyState 4 = Loaded     see: http://www.w3.org/TR/2006/WD-XMLHttpRequest-20060405/
       //status 200 = ok           see: http://en.wikipedia.org/wiki/List_of_HTTP_status_codes
       if(r.readyState==4 && r.status==200){
           //Replace the content with the response, Using creatDocumentFragment is more efficient 
           //at the cost of a few more lines But it  would alos allow you to append the data
           //instead of replacing it using innerHTML;
           document.getElementById(html).innerHTML = r.responseText;
        }
    }

    //Opening the connection and sending the request.
    r.open("GET",file,true); 
    r.send();
}
    • si(r.readyState==4 && r.status==200) u peut expliquer cette ligne de code?
    • Lorsque l '"état " changement", il vérifie si la demande a été exécutée avec succès (200). Si donc il va remplacer le contenu (html) par la réponse
    • J'ai commenté le script et a ajouté quelques documents. En réalité, c'est simple petite.
    InformationsquelleAutor Louis Loudog Trottier
  3. 0

    Votre code HTML ou PHP formulaire de 

    <form action="submit.php"  method="post">
Name: <input name="name" id="name" type="text" /><br />
Email: <input name="email" id="email" type="text" /><br />
Phone Number: <input name="phone" id="phone" type="text" /><br />
<input type="button" id="searchForm" onclick="SubmitForm();" value="Send" />
</form>

    JavaScript De Votre 

     <script>
 function SubmitForm() {
 var name = $("#name").val();
 var email = $("#email").val();
 var phone = $("#phone").val();
 $.post("submit.php", { name: name, email: email, phone: phone },
 function(data) {
 alert("Data Loaded: " + data);
 });
 }
 </script>

    Votre page PHP pour faire un peu d'activité

     <?php
 echo $_POST['name']."<br />";
 echo $_POST['email']."<br />";
 echo $_POST['phone']."<br />";
 echo "All Data Submitted Sucessfully!"
 ?>
    • ce n'est pas de travail pour moi pour une raison quelconque
    InformationsquelleAutor Pradeep