javascript - xmlhttp.open GET で呼び出す URL を決定する Javascript の if ステートメント

Question

使用する URL を決定する選択に基づいて if ステートメントを作成する方法を探していxmlhttp.open("GET"ます。例 1,2,3 を選択"test2.php?q=" + str, 4 を選択"test3.php?q=" + str, 5 を選択"test4.php?q=" + str

<form style="width: 210px">
    <select name="bookings" onchange="showbookings(this.value)">
        <option value="">Select Booking Types To See:</option>
        <option value="1">All Booking</option>
        <option value="2">Open Bookings</option>
        <option value="3">Closed Bookings</option>
        <option value="4">Potential Bookings</option>
        <option value="5">Create Bookings</option>
    </select>
</form>
<div id="txtBookings"></div>


function showbookings(str) {
if (str === "") {
    document.getElementById("txtBookings").innerHTML = "";
    return;
}
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        document.getElementById("txtBookings").innerHTML = xmlhttp.responseText;

    }
};
xmlhttp.open("GET", "test2.php?q=" + str, true);
xmlhttp.send();
}

Answer 1

あなたはこのようなことを試すかもしれません

function showbookings(str) {
    if (!str) {
        return;
    }
    var num = str > 3 ? str-1 : 2;
    xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.onreadystatechange = function () {
        // ...
    }

    xmlhttp.open("GET", "test"+num+".php?q=" + str, true);
    xmlhttp.send();
}