2017-06-01 5 views
0

Die alle anderen Funktionen außer DeleteUser (ID) funktionieren nicht Ich konnte nur die erste Variable mit Post-Methode übergeben Ich denke, dass ist die "ID" Ich habe viele Male versucht und in der addRecord.php Skript es gibt mirVariablen mit Ajax Post-Methode funktioniert nicht

PHP Notice: Undefined index: id1, PHP Notice: Undefined index: date1

und geht weiter, aber für die DeleteUser (id) funktioniert es gut i versuchte dieses LINK Tutorial und ersetzte Tabelle Details und es zeigt Tabelle gut und Tasten auch, aber ich kann hinzufügen, Datensätze und aktualisieren Datensätze aus dieser

function addRecord() { 
     // get values 
     var id = $("#id").val(); 
     var date = $("#date").val(); 
     var time = $("#time").val(); 
     var news = $("#news").val(); 

     // Add record 
     $.post("ajax/addRecord.php", { 
      id1:id, 
      date1:date, 
      time1:time, 
    news1: news   //if i give news1:"test" it does not work 
     }, function (data, status) { 
      // close the popup 
      $("#add_new_record_modal").modal("hide"); 

      // read records again 
      readRecords(); 

      // clear fields from the popup 
      $("#id").val(""); 
      $("#date").val(""); 
      $("#time").val(""); 
     $("#news").val(""); 
     }); 
    } 


    $(document).ready(function() { 
     // READ recods on page load 
     readRecords(); // calling function 
    }); 
    // READ records 
    function readRecords() { 
     $.get("ajax/readRecords.php", {}, function (data, status) { 
      $(".records_content").html(data); 
     }); 
    } 


    function DeleteUser(id) { 
     var conf = confirm("Are you sure, do you really want to delete User?"); 
     if (conf == true) { 
      $.post("ajax/deleteUser.php", { 
        id: id 
       }, 
       function (data, status) { 
        // reload Users by using readRecords(); 
        readRecords(); 
       } 
      ); 
     } 
    } 

    function GetUserDetails(id) { 
     // Add User ID to the hidden field for furture usage 
     $("#hidden_user_id").val(id); 
     $.post("ajax/readUserDetails.php", { 
       id:id 
      }, 
      function (data, status) { 
       // PARSE json data 
       var user = JSON.parse(data); 
       // Assing existing values to the modal popup fields 
       $("#update_id").val(user.id); 
       $("#update_date").val(user.date); 
       $("#update_time").val(user.time); 
    $("#update_news").val(user.news); 
      } 
     ); 
     // Open modal popup 
     $("#update_user_modal").modal("show"); 
    } 

    function UpdateUserDetails() { 
     // get values 
     var id = $("#update_id").val(); 
     var date = $("#update_date").val(); 
     var time = $("#update_time").val(); 
     var news = $("#update_news").val(); 

     // get hidden field value 
     var id = $("#hidden_user_id").val(); 

     // Update the details by requesting to the server using ajax 
     $.post("ajax/updateUserDetails.php", { 
     id:id, 
     news:news 
      }, 
      function (data, status) { 
         // hide modal popup 
       $("#update_user_modal").modal("hide"); 
       // reload Users by using readRecords(); 
       readRecords(); 
      } 
     ); 
    } 

    $(document).ready(function() { 
     // READ recods on page load 
     readRecords(); // calling function 
    }); 

Der Code unten wird verwendet Tabelle zeigen

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>PHP and MySQL CRUD Operations Demo</title> 

    <!-- Bootstrap CSS File --> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> 
</head> 
<body> 

<!-- Content Section --> 
<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <h1>Demo: PHP and MySQL CRUD Operations using Jquery</h1> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div class="pull-right"> 
       <button class="btn btn-success" data-toggle="modal" data-target="#add_new_record_modal">Add New Record</button> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-12"> 
      <h3>Records:</h3> 

      <div class="records_content"></div> 
     </div> 
    </div> 
</div> 
<!-- /Content Section --> 


<!-- Bootstrap Modals --> 
<!-- Modal - Add New Record/User --> 
<div class="modal fade" id="add_new_record_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="myModalLabel">Add New Record</h4> 
      </div> 
      <div class="modal-body"> 

       <div class="form-group"> 
        <label for="id">ID</label> 
        <input type="text" id="id" placeholder="ID" class="form-control"/> 
       </div> 

       <div class="form-group"> 
        <label for="date">DAte</label> 
        <input type="text" id="date" placeholder="DAte" class="form-control"/> 
       </div> 

       <div class="form-group"> 
        <label for="time">Time</label> 
        <input type="text" id="time" placeholder="Time" class="form-control"/> 
       </div> 
<div class="form-group"> 
        <label for="news">News</label> 
        <input type="text" id="news" placeholder="News" class="form-control"/> 
       </div> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
       <button type="button" class="btn btn-primary" onclick="addRecord()">Add Record</button> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- // Modal --> 

<!-- Modal - Update User details --> 
<div class="modal fade" id="update_user_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="myModalLabel">Update</h4> 
      </div> 
      <div class="modal-body"> 

       <div class="form-group"> 
        <label for="update_id">Id</label> 
        <input type="text" id="update_id" placeholder="Id" class="form-control"/> 
       </div> 

       <div class="form-group"> 
        <label for="update_date">date</label> 
        <input type="text" id="update_date" placeholder="Date" class="form-control"/> 
       </div> 

       <div class="form-group"> 
        <label for="update_time">Email Address</label> 
        <input type="text" id="update_time" placeholder="Email Address" class="form-control"/> 
       </div> 
<div class="form-group"> 
        <label for="update_news">Email Address</label> 
        <input type="text" id="update_news" placeholder="Email Address" class="form-control"/> 
       </div> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
       <button type="button" class="btn btn-primary" onclick="UpdateUserDetails()" >Save Changes</button> 
       <input type="hidden" id="hidden_user_id"> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- // Modal --> 

<!-- Jquery JS file --> 
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> 

<!-- Bootstrap JS file --> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 

<!-- Custom JS file --> 
<script type="text/javascript" src="js/script.js"></script> 

<script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-75591362-1', 'auto'); 
    ga('send', 'pageview'); 

</script> 
</body> 
</html> 

Das PHP-Skript zum Einsetzen arbeiten, ich habe es getestet, aber sie sind nicht die POST-Variablen immer

+0

Zeigen Sie Ihre 'addrecord.php' und' deleteuser. php' code pls – Subi

+0

https://pastebin.com/yhrQDjLQ – chriscka

+0

https://pastebin.com/jwWUdLtL – chriscka

Antwort

0

diesem ajax Post Syntax Versuchen

$.ajax({ 
url: 'ajax/addrecords.php', 
data: {'id1' : id, 'news1':news, 'time1':time, 'date1':date}, 
type: 'post', 
dataType:'json', 
success: function(output) { alert(output); }, 
error: function(request, status, error){ alert("Error: Could not delete"); } 
}); 
+0

[01-Jun-2017 18:23:20 UTC] PHP Nachricht: Undefinierter Index: id1 /ajax/addRecord.php on line 9 [01-Jun- 2017 18:23:20 UTC] PHP Hinweis: Undefinierter Index: date1 /ajax/addRecord.php in Zeile 10 [01-Jun-2017 18:23:20 UTC] PHP Hinweis: Undefinierter Index: time1/ajax/addRecord. php on line 11 [01-Jun-2017 18:23:20 UTC] PHP Hinweis: Undefinierter Index: news1 in /ajax/addRecord.php on line 12 – chriscka

+0

Wrap wie diese und onc e nochmal echovariablen in der php-datei '$ .post (" ajax/addRecord.php ", {" id1 ": id," date1 ": datum," time1 ": zeit," news1 ": news}' – Subi

+0

Der selbe Fehler passiert und wenn ich versuche, Udpate-Funktion zu verwenden, wird der Nullwert eingefügt, aber es gibt auch Undefined Index für Nachrichten, aber es erhält korrekte ID und korrekte Zeile wird aktualisiert – chriscka