使用來自Ajax響應的變量

Question

我有兩個文件：

example.html的：

<div class="my-div"></div>
<script type="text/javascript">
$(document).ready(function() {
    $.ajax({
        url: "example1.html",
        type: "get",
        success: function(response) {
            $(".my-div").html(response);
        }
    });

    $(document).on("click", "button", function() {
        console.log(alpha); // Should print "data", 
    });
});
</script>

example1.html的：

<button></button>
<script type="text/javascript">
$(document).ready(function() {
    var myDropzone = new Dropzone("", {
        success: function(file, response) {
            const alpha = "data";
        }
    });
});
</script>

在example.html中 ，我需要console.log(alpha)來輸出“數據”。 我向example1.html發出Ajax請求，並使用返回的html更新div的內容。 直到new Dropzone()成功，常量alpha new Dropzone() 。 如何使此代碼起作用？

Answer 1

一種選擇是使您的alpha變量成為全局變量。

您在成功函數中聲明了alpha變量，因此只能在其中使用該變量。

<button></button>
<script type="text/javascript">
const alpha; /* Init it here */

$(document).ready(function() {
    var myDropzone = new Dropzone("", {
        success: function(file, response) {
            alpha = "data"; /* Assign the value here */
        }
    });
});
</script>

現在您可以以

$(document).on("click", "button", function() {
    console.log(alpha); // Should print "data", 
});