無法運行jQuery-用PHP Ajax

Question

的welcome.php

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $("#role").on("change", function() {
      alert($("#role").val());
      var role_name = $("#role").val();

      $.ajax({
        type: "post",
        url: "createuser.php",
        data: "role_name=" + role_name,
        success: function(data) {
          $("#info").html(data);
        }
      });
    });
  });
</script>

我正在嘗試運行jQuery-php文件中的ajax，但是代碼第二次不起作用，只有第一個alert（）函數起作用。 當alert()是內使用$ajax()函數兩個alert()停止工作

Answer 1

Jquery AJAX post數據應采用JSON格式，因此對您來說，如下所示：

var Sdata = {"role_name":role_name};
$.ajax(
     {                       
       type:"post",
       url:"createuser.php",
       data: Sdata,
       success:function(data){
       $("#info").html(data);
     }
});

有關JSON的更多信息

Answer 2

這確實對我有利，我將角色選擇框設為靜態，因為我沒有數據庫中的數據。（這不是真的）

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
         $("#role").on("change",function(){

               var role_name = $(this).val();

               $.ajax(
               {                       
                   type:"post",
                   url:"createuser.php",
                   data:"role_name="+role_name,
                   datatype : 'json',
                   encode : true,
                   success:function(data){
                      data = JSON.parse(data) ;
                      $("#info").html(data);

                   }

               });

         });
    });

</script>  
<div id="info"></div>
<form method="POST">
    <h4 class='w3-text-indigo'>Admin please select role to download documents.</h4>
    <select id='role' name='role_name[]' class='w3-input w3-light-grey' style='width:90%'>" . "
    <option value='select Role'>Select Role</option>
    "; 
    <option value="User">user</option>
    <option value="Tester">Tester</option>
    <option value="Developer">Dev</option>
    <option value="Admin">Admin</option>
</form>

然后是PHP站點

<?php #fetching table for selected role by admin 



if (isset($_POST['role_name'])) {
    echo json_encode($_POST['role_name']);
}
?>

Answer 3

請使用以下數據：{“ role_name：” + role_name}，而不要使用數據：“ role_name =” + role_name，