Question

在我的索引页面中，我发送了一个请求ajax，响应是一个数字。我将响应设置为隐藏类型的输入值

<input type="hidden" id="Status">
<script src="js/indexPhone.js"></script>
<script>
$(document).ready(function() {
    $("#SendPhone").click(function(e) {
        var phoneField = $("#PhoneField").val();
        var phoneFieldString = "989" + phoneField.substring(0);
        $.ajax({
            type:'post',
            url:'getSMS.php',
            data:{'phoneFieldString':phoneFieldString},
            success:(function (response) {
                $("#Status").val(response);
            })
        })
    });
});
</script>

我的问题是我希望在我的索引中包含的另一个javascript页面中获取此值，但它会提醒空。这是我的indexPhone.js：

$("#SendPhone").click(function() {
    alert($("#Status").val());
});

Answer 1

Ajax请求是异步的，因此第二次单击会在设置值之前运行。

使用事件：

// index.html
$("#SendPhone").click(function (e) {
    // ...
    $.ajax({
        // ...
        success: (function (response) {
            $("#Status").val(response);
            $("#Status").trigger("gotSMS");
        })
    });
});

// indexPhone.js
$("#Status").on("gotSMS", function () {
    alert($(this).val());
});

在另一个js文件中获取html元素的值

1 个答案: