使用Ajax响应中的变量

时间:2018-02-01 04:30:50

标签: javascript jquery ajax

我有两个文件:

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)输出&#34;数据&#34;。我向example1.html发出Ajax请求,并使用返回的html更新div的内容。在alpha成功之前,常量new Dropzone()不可用。如何使这段代码有效?

1 个答案:

答案 0 :(得分:1)

一种选择是让您的UIAlertActionStyle.cancel变量全局化。

您在成功函数中声明了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>