亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用ajax和php制作編輯模式

如何使用ajax和php制作編輯模式

PHP
qq_遁去的一_1 2022-01-02 18:18:09
我在實現可以編輯用戶角色的編輯功能時遇到問題這是將打開模態的按鈕<button type="button" id="edit" name="edit" class="btn btn-outline-warning" data-id="'.$row["id"].'">EDIT</button>這是模態代碼<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">  <div class="modal-dialog" role="document">    <div class="modal-content">      <div class="modal-header">        <h5 class="modal-title">Edit User</h5>        <button type="button" class="close" data-dismiss="modal" aria-label="Close">          <span aria-hidden="true">&times;</span>        </button>      </div>      <div class="modal-body">        <form method="post" action="">          <div class="form-group">            <label for="userName" class="col-form-label">Username:</label>            <input type="text" class="form-control border-danger" id="userName" readonly style="background-color: #2A3038">          </div>          <div class="form-group">            <label for="user_type" class="col-form-label">User Type:</label>            <select class="form-control border-success" id="user_type">            <option value="user">User</option>            <option value="contributor">Contributor</option>            </select>          </div>        </form>      </div>      <div class="modal-footer">      <input type="hidden" id="user_id" name="user_id">        <button type="submit" id="update" name="update" class="btn btn-success">Update</button>        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>      </div>    </div>  </div></div>而且我還有一個 fetch 函數,我將它命名為 load_user_data()我遇到的問題是 PHP 操作代碼不起作用,或者我的代碼有什么問題?但我沒有在模態中顯示數據的問題,除非我提交更改沒有功能發生
查看完整描述

2 回答

?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

  <div class="modal-dialog" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title">Edit User</h5>

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      </div>

      <div class="modal-body">

        <form method="post" action=""> 

          <div class="appenddata">

          </div> 

        </form>

      </div>

      <div class="modal-footer"> 

        <button type="submit" id="update" name="update" class="btn btn-success">Update</button>

        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>

      </div>

    </div>

  </div>

</div>

<script>

$(document).on('click', '#edit', function(){

$('#editModal').modal('show');

var user_id = $(this).attr("data-id");

$.ajax({

    url:"/auth/action",

    method:"POST",

    data:{user_id:user_id},

    success:function(data)

    {

        $(".appenddata)".html(data);

    }

})

});

</script>

<?php

   if(isset($_POST["user_id"]))

{

    $output = array();

    $statement = $connect->prepare(

        "SELECT * FROM users WHERE id = '".$_POST["user_id"]."' LIMIT 1"

    );

    $statement->execute();

    $result = $statement->fetchAll();

    $user_array=array("user","contributor");

    ?>

    <input type="hidden" id="user_id" name="user_id" value="<?= $_POST["user_id"]; ?>">

      <div class="form-group">

            <label for="userName" class="col-form-label">Username:</label>

            <input type="text" class="form-control border-danger" id="userName" value="<?=  $result[0]['username']; ?>" readonly style="background-color: #2A3038">

          </div>

          <div class="form-group">

            <label for="user_type" class="col-form-label">User Type:</label>

            <select class="form-control border-success" id="user_type">

            <?php

             if($user_array!=NULL)

             {

                 foreach($user_array as $data)

                 {

                     if($data==$result[0]['username'])

                     {

                         $selected='selected="selected"';

                     }

                     else

                     {

                         $selected='';

                     }

                     ?>

                      <option value="<?= $data; ?>"><?= ucwords($data); ?></option>

                     <?php

                 }

             }

             ?> 

            </select>

          </div>

    <?php

}


查看完整回答
反對 回復 2022-01-02
?
蕭十郎

TA貢獻1815條經驗 獲得超13個贊

您的 ajax 數據屬性缺少很多參數:


 ....ajax....

 data: {user_id: user_id, userName: username here,user_type:set type here, action: 'update'}

您需要在更新按鈕中添加編輯 ID


您還需要將 userdata 添加到您的 ajax 響應中,目前您正在使用 data.userName 等,但您沒有將其放入響應中

您可以在此處找到有關如何正確返回 json 響應的更多信息: 從 PHP 腳本返回 JSON


查看完整回答
反對 回復 2022-01-02
  • 2 回答
  • 0 關注
  • 163 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號