1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

ajax request, div wird nicht nur teilweise aktualisiert

Dieses Thema im Forum "Javascript & Ajax" wurde erstellt von gd0123456, 20. März 2017.

  1. gd0123456

    gd0123456 Mitglied

    Nach klick auf einen Button soll ein div aktualisiert werden.
    Code (Text):
    1. <!DOCTYPE html>
    2. <head>
    3.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
    4.         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    5.         <link rel = "stylesheet" href = "./style.css">
    6.         <script language="javascript" type="text/javascript" src="./script/script.js"></script>
    7.         <script src="./script/jquery-3.1.1.min.js" type="text/javascript"></script>
    8.         <script type="text/javascript">  
    9.  
    10.             $(document).ready(function(){
    11.            
    12.                 $("#send").click(function(){
    13.        
    14.                   var xhttp = new XMLHttpRequest();
    15.                
    16.                   xhttp.onreadystatechange = function() {
    17.                     if (this.readyState == 4 && this.status == 200) {
    18.                       window.opener.document.getElementById("contentright").innerHTML = this.responseText;
    19.                    
    20.                     }
    21.                   };
    22.            
    23.                   xhttp.open("GET", "tag.php?datum=20.03.2017", true);
    24.                   xhttp.send();
    25.                
    26.             });
    27.        
    28.     });
    29.         </script>
    30. </head>
    31. <body id = 'bodynewtermin'>
    32.     <form action = './neuerTermin.php' method = 'POST' >
    33.         Termin für:
    34.         <?php
    35.             $query = mysqli_query($connect,"insert into termin (name) values ('".$_POST["nameinput"]."')");
    36.          ?>
    37.          <table>
    38.             <tr>
    39.                 <td>Name:</td>
    40.                 <td><input type = 'text' name = 'nameinput' id = 'nameinput'></td>
    41.             </tr>
    42.         </table>  
    43.     </form>
    44. </body>
    45. </html>


    Wird beim Datum ein anderes Datum angegeben, so wird das DIV aktualisiert.
    Jedoch wenn es gleich bleibt, werden die Daten zwar in die Datenbank geschrieben, jedoch wird das DIV nicht aktualisiert
     
  2. gd0123456

    gd0123456 Mitglied

    Wurde gelöst in dem das Formular mittels Ajax versendet wird und in der Ziel Datei dann die Speicherung und die Aktualisierung vorgenommen wird.

    Formular:

    Code (Text):
    1. <script>
    2.  
    3.              $(function() {
    4.                 $('.error').hide();
    5.                 $("#send").click(function(e) {
    6.              
    7.                 name = 'stefan';
    8.                 var dataString = 'test';
    9.                 var dataString = 'datuminput='+document.getElementById("datuminput").value+'&nameinput='+document.getElementById("nameinput").value+'&grundarea='+document.getElementById("grundarea").value+'&hinput='+document.getElementById("hinput").value+'&minput='+document.getElementById("minput").value+'&emailinput='+document.getElementById("emailinput").value+'&telefoninput='+document.getElementById("telefoninput").value;
    10.                 e.preventDefault();  
    11.                 $.ajax({
    12.                    type: "get",
    13.                    url: "tag.php?datum="+document.getElementById("datuminputdeutsch").value+"&newterm=1",
    14.                    data: dataString,
    15.                    success: function(data) {
    16.                       window.opener.$('#contentright').html(data);
    17.                       close();
    18.                    }
    19.                  
    20.                 });
    21.                 return false;  
    22.               });
    23.         });
    24.     </script>
    Ziel Datei:

    Speichern bzw. gleichzeitig auslesen der Daten.

    Musste etwas umdenken. Jetzt ergibt das Ganze einen Sinn.
     
Die Seite wird geladen...