javascript - 根据变量更改 load() 文本？

Question

在下面的脚本中，我需要做的就是更改每个 .load() 函数中 .php 之前的整数。

也就是说，随着 bio_id 递增或递减，文件名 1.php 将随着 bio_id 递增或递减。我不知道该怎么做。

<script>
    $("#bio").load("assets/includes/bios/1.php");
</script>
<div class="btn-group" role="group">
    <button id="prev" type="button" class="btn btn-default disabled" onclick="prevBio()">Previous</button>
    <button id="next" type="button" class="btn btn-default" onclick="nextBio()">Next</button>
</div>

<script>
    /* bio id number */
    var bio_id = 1;
    var new_bio = 1;

    function nextBio() {
        bio_id++;
        new_bio = bio_id;
        console.log(bio_id);
        $('#bio').load("assets/includes/bios/2.php"); 

        if (new_bio > 1 && bio_id < 12) {
            $('#prev').removeClass('disabled');
            $('#next').removeClass('disabled');
        } 
        else if (new_bio == 12) {
            $('#next').addClass('disabled');
        }
        return bio_id;
    }

    function prevBio() {
        bio_id--;
        new_bio = bio_id;
        console.log(bio_id);
        $('#bio').load("assets/includes/bios/2.php"); 

        if(new_bio == 1) {
            $('#prev').addClass('disabled');
        }
        else if (new_bio > 1 && bio_id < 12) {
            $('#prev').removeClass('disabled');
            $('#next').removeClass('disabled');
        } 
        else if (new_bio == 12) {
            $('#next').addClass('disabled');
        }

        return bio_id;
    }
</script>

Answer 1

javascript 的优点在于输入非常宽松，因此您只需执行以下操作即可连接字符串:

bio_id=12;
alert('hello' + bio_id);