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/

Answer 2

进行ajax调用以获取所选记录的数据：

<span my-tooltip="tooltip hint">Click here</span>

通过Ajax更新bootstrap模式

2 个答案: