javascript - 如何在不刷新的情况下显示php传递的结果给ajax

Question

我想做的是，当用户在输入框中输入电子邮件时，ajax 会将值自动传递给 php。

我的问题是结果仅在我尝试刷新页面时显示

html:

<input type="text" id="email" name="email" />

脚本:

$(document).ready(function(){

var countTimerEmailName = setInterval(
        function ()
        {
        emailName();            
        }, 500);

var data = {};
    data.email = $('#email').val();

function emailName(){
    $.ajax({
        type: "POST",
        url:"Oppa/view/emailName.php",
        data: data,
        cache: false,
        dataType:"JSON",
        success: function (result) {

        $("#imageLink").val(result.user_image);
        $("#profileImage").attr('src', result.user_image);
        $("#emailNameResult").html(result.user_lname);
        $("#emailCodeResult").val(result.user_code);        

        }
    });
};           
});

Answer 1

您可以尝试:

因为您不需要在 ready() 中声明函数，并且您需要在任何更改后获取电子邮件值。现在，您只能在页面准备好时才能获取该值。

function emailName( email ){
    $.ajax({
        type: "POST",
        url:"Oppa/view/emailName.php",
        data: 'email=,+email,
        cache: false,
        dataType:"JSON",
        success: function (result) {

        $("#imageLink").val(result.user_image);
        $("#profileImage").attr('src', result.user_image);
        $("#emailNameResult").html(result.user_lname);
        $("#emailCodeResult").val(result.user_code);        

        }

    });

};

$(document).ready(function(){
    $('#email').change(function(e) {
        emailName( this.val());
    });
});