jquery - 通过 Ajax 更新引导模式

Question

我的网站上有一个个人资料模式。“onclick”“编辑个人资料”按钮，我需要用现有数据更新字段，但我对 Ajax 很陌生，它不起作用。

我的模态(只是模态主体):

<div class="modal-body">
    <div class="form-group">
        <div class="col-lg-4 col-lg-offset-1">
            <label for="Nom">Nom</label>
        </div>
        <div class="col-lg-5">
            <input type="text" class="form-control" id="lastname" name="lastname" placeholder="Votre nom"/>
        </div>
    </div>
    <div class="form-group">
        <div class="col-lg-4 col-lg-offset-1">
            <label for="Prénom">Prénom</label>
        </div>
        <div class="col-lg-5">
            <input type="text" class="form-control" id="firstname" name="firstname" placeholder="Votre prénom"/>
        </div>
    </div>

    <div class="form-group">
        <div class="col-lg-4 col-lg-offset-1">
            <label for="E-mail">E-mail</label>
        </div>
        <div class="col-lg-5">
            <input type="email" class="form-control" id="profile_mail" name="profile_mail" placeholder="Votre email"/>
        </div>
    </div>
</div>

我的 Ajax 功能:

function GetProfileInfos(profile) {
    $('.modalProfileEdition').on('click', function() {
        $.ajax({
            url: 'http://mywebsite/controllers/getprofile.php?profil=myuser',
            method: 'POST'
        }).success(function(response) {
            // Populate the form fields with the data returned from server
            $('#profileForm')
            $(".modal-body #profile_mail").attr("value", "TEST_AJAX");
            /*.find('[name="profile_mail"]').val("TEST_AJAX").end();*/
        });
    })
}

我绕过了我的 php 数据设置了一个假值(TEST_AJAX)，但即使这样也不起作用...我尝试使用“.find”方法，但没有任何附加...(并且 Firebug 不再工作在 Firefox 50 上...)。

编辑:谢谢，就这样工作。

function GetProfileInfos(profile) {
  $.ajax({
    url: 'http://192.168.122.104:8001/controllers/getprofile.php?profil=demozpeak',
    type: 'GET',
    success: function(response) {
       $(".modal-body").find("#profile_mail").val("test_ajax");
      }
   });
 }

Answer 1

您的选择器错误:

$('#profileForm')
$(".modal-body #profile_mail").attr("value", "TEST_AJAX");

要设置值，请尝试使用 val() 函数:

$(".modal-body").find("#profile_mail").val("TEST_AJAX");

jsfiddle 与简单的例子:https://jsfiddle.net/8upe07hL/