2017-06-01 108 views
0

除DeleteUser(id)以外的所有其他函數都不起作用我只能通過post方法傳遞第一個變量,我認爲這是我嘗試過很多次的「id」,並且在addRecord.php腳本它給了我使用ajax post方法不起作用的變量

PHP公告:未定義指數:ID1, PHP公告:未定義指數:date1的

和那張但對於 DeleteUser(ID),它工作正常我正在嘗試這個LINK教程,並替換了表格細節,並且很好地顯示了表格和按鈕也,但我不能從這個

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 
    }); 

下面的代碼添加記錄和更新記錄是用來顯示錶

<!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> 

插入的PHP腳本的工作我做了測試,但他們都沒有獲得這個職位的變量

+0

顯示你'addrecord.php'和'deleteuser。 php'代碼請問 – Subi

+0

https://pastebin.com/yhrQDjLQ – chriscka

+0

https://pastebin.com/jwWUdLtL – chriscka

回答

0

試試這個阿賈克斯後的語法

$.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注意:未定義的索引:id1 /ajax/addRecord.php上線9 [01-Jun- 2017 18:23:20 UTC] PHP公告:未定義索引:date1 /ajax/addRecord.php 10行 [01-Jun-2017 18:23:20 UTC] PHP公告:未定義索引:time1/ajax/addRecord。 PHP在線11 [01-Jun-2017 18:23:20 UTC] PHP通知:未定義的索引:news1 in /ajax/addRecord.php 12行 – chriscka

+0

這樣換行和onc e再次回顯php文件中的變量$ .post(「ajax/addRecord.php」,{「id1」:id,「date1」:date,「time1」:time,「news1」:news}' – Subi

+0

同樣的錯誤發生,當我嘗試使用udpate函數的空值插入,但它也給新聞未定義的索引,但它得到正確的ID和正確的行更新 – chriscka