返回ajax结果作为全局整数变量

o75abkj4  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(439)

我不知道我在这里哪里出错了。我有一个ajax调用,它调用insert语句并返回该insert的id。这很管用。
但是我正在尝试创建一个全局变量,这样我就可以在另一个插入和更新中使用id作为一个值,这些插入和更新在不同的ajax调用中调用。
我当前得到返回的页面id,并可以在控制台中回显它,但是当我调用第二个函数时,它表示页面id的整数类型无效。
第一个ajax调用:

<script type="text/javascript">
$(document).ready(function(){

    var page_id;

$("#submitForm").click(function(){
event.preventDefault();
var string = $('#pageForm').serialize();

// AJAX Code To Submit Form.
    $.ajax({
        type: "POST",
        url: "addPage.php",
        data: string,
        dataType: 'json',
        cache: false,
        success: function(response){
          console.log(response['last_insert_id']);
          page_id = JSON.stringify(response['last_insert_id']);
        }
    });

});

});
</script>

调用addpage.php

$addpage = "
    INSERT INTO pages (title, page_type_id, display_id, duration)
    VALUES ('$title','$page_type','$display_id','$duration');
";

if ($mysqlConn->query($addpage) === TRUE) {
    $last_id = $mysqlConn->insert_id;
    $data['last_insert_id'] = $last_id;
    echo json_encode($data);
} else {
    echo "Error: " . $addpage . "<br>" . $mysqlConn->error;
}

所以现在我想把'last\u insert\u id'作为一个全局变量存储在我的第一个文件中,以便在另一个ajax调用/插入中使用

<script type="text/javascript">
    $(document).ready(function(){

    $("#form-data").submit(function(e){

        var content = tinymce.get("mytextarea").getContent();

        $(".leftContent").html(content);
        $("#new").val(content);

          var string = $('#form-data').serialize() +  page_id;

        // AJAX Code To Submit Form.
            $.ajax({
                type: "POST",
                url: "addPanel.php",
                data: string,
                cache: false,
                success: function(response){
                  console.log(JSON.stringify(response));
                }
            });

        return false;

    });

});
</script>
tyg4sfes

tyg4sfes1#

如你的代码所示

<script>
    $(document).ready(function(){
        var page_id = 123;
    });
</script>
<script>
    $(document).ready(function(){
        console.log(page_id);
    });
</script>

如果您运行此操作,您将得到一个错误“page\u id”未定义。
它给出这样一个错误是因为第二个$(document).ready回调中的page\u id与声明它的位置不在同一范围内。
例如:

<script>
    var page_id = 123;
    $(document).ready(function(){
        console.log(page_id);
    });
</script>
<script>
    $(document).ready(function(){
        console.log(page_id);
    });
</script>

没有错误,123在控制台中记录两次。这是因为页面id已在全局范围内移动。在javascript中,父变量对子变量可用,只要它们不被声明覆盖,例如:

function test(){var page_id = 456; console.log(page_id);}

它将记录函数页的id值,而不是父作用域中的值。

相关问题