Question

我有一个jQuery Ajax问题。

我有一个带有课程选项的select标签，select hold 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();

使用Ajax和jQuery搜索课程/教师

1 个答案: