使用Ajax和jQuery搜索課程/教師

Question

我有一個jQuery Ajax問題。

我有一個帶有課程選項的select標記，select包含div id =“ course”。 我有一個ID為“ go”的按鈕和一個空ID為“ courseInfo”的div。 我需要這樣做，以便在選擇課程編號時，頁面上顯示與之配套的php文件中的老師姓名。 我已經寫了所有的Ajax，所有的東西都被鏈接了，但是當我調試的時候它不會工作並且沒有錯誤。

$(document).ready(function(){
findCourse = function(){

var file = "Course.php?course="+$("#course").val();

$.ajax({
    type: "GET",
    url: file,
    datatype : "text",
    success : function(response) {

    $("#courseInfo").html(response); 
    }

});

}

clear = function(){
    $("#courseInfo").html("");
};

$("#course").click(clear);
$("#go").click(findCourse);
});

形成：

<form action="" method="post">
<select name="course" id="course">
<option value="420-121">420-121</option>
<option value="420-122">420-122</option>
<option value="420-123">420-123</option>
<option value="420-221">420-221</option>
<option value="420-222">420-222</option>
<option value="420-223">420-223</option>
<option value="420-224">420-224</option>

</select>
Select a course to see the course name and teacher assigned<br><br>
<input type="button" id="go" value="go!">

</form>
<br><br>
<div id="courseInfo"></div>

Answer 1

假設PHP端正常工作，則下面的代碼應該可以解決此問題。

$(document).ready(function(){
    findCourse = function(){
        var file = "Course.php?course="+$("#course").val();
        console.log(file);
        $.ajax({
            type: "GET",
            url: file,
            datatype : "text",
            success : function(response) {
                $("#courseInfo").html(response); 
            }
        });

    }

    clear = function(){
        $("#courseInfo").html("");
    };

    $("#course").click(clear);
    $("#go").click(findCourse);
});

您錯過了var file的= 。

你的是

var file = "Course.php?course"+$("#course").val();

它應該是

var file = "Course.php?course="+$("#course").val();