使用ajax post方法不起作用的变量

问题描述：

除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脚本的工作我做了测试，但他们都没有获得这个职位的变量

显示你'addrecord.php'和'deleteuser。 php'代码请问 – Subi

https://pastebin.com/yhrQDjLQ – chriscka

https://pastebin.com/jwWUdLtL – chriscka

答

试试这个阿贾克斯后的语法

$.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"); } 
});

[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

这样换行和onc e再次回显php文件中的变量$ .post（“ajax/addRecord.php”，{“id1”：id，“date1”：date，“time1”：time，“news1”：news}' – Subi

同样的错误发生，当我尝试使用udpate函数的空值插入，但它也给新闻未定义的索引，但它得到正确的ID和正确的行更新 – chriscka

使用ajax post方法不起作用的变量

相关推荐