Question

我正在使用javascript和php获取自动建议。

    <div>
        <div>
            University Name:<input type="text" size="20" name="uni" value="" id="uniString" onkeyup="lookup(this.value);" onblur="fill();">
        </div>

        <div class="suggestionsBox" id="suggestions" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList">
                &nbsp;
            </div>
        </div>
    </div>

当用户输入名称时，我会显示结果，然后使用fill函数来获取值。一切正常。但有什么方法可以使用''thisValue''（选定的大学）来打印下拉列表？我想打印所选大学的课程，所以我写了这段代码：

function lookup(uniString) {
    if (uniString.length == 0) {
        // Make the suggestions box invisible
        $('#suggestions').hide();
    } else {
        $.post("autosuggestions.php", {
            universityString: "" + uniString + ""
        }, function(data) {
            if (data.length > 0) {
                $('#suggestions').show();
                $('#autoSuggestionsList').html(data);
            }
        });
    }
} // lookup

function fill(thisValue) {
    if (thisValue) {
        $('#uniString').val(thisValue);
        var strURL = "findCourse.php?uniString=" + thisValue;
        var req = getXMLHTTP();
        if (req) {
            req.onreadystatechange = function() {
                if (req.readyState == 4) {
                    // only if "OK"
                    if (req.status == 200) {
                        document.getElementById('coursediv').innerHTML = req.responseText;
                    } else {
                        alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                    }
                }
            }
            req.open("GET", strURL, true);
            req.send(null);
        }
    } else {
        setTimeout("$('#suggestions').hide();", 200);
    }
}
findCourse.php: $uni = $_POST['uniString'];
$query = mysql_query("SELECT .... FROM .... WHERE university.uni_name='$uniString' AND .......");
if ($query) {
    ....
}`enter code here`

不幸的是它不起作用。我用'document.write（）'测试了它..这个打印的是什么，它打印了大学名称（这就是我想要的）。但是当我将值传递给php文件（getCourse.php）时，结果值为null。

有人能帮帮我吗？我很确定我的问题很愚蠢而且很抱歉，我的javascript并不是很好。

Answer 1

req.open("GET", strURL, true);

$uni = $_POST['uniString'];

如果在ajax中使用get方法，则需要在PHP中使用$ _GET。

Answer 2

在以下代码中，您应该将“universityString”替换为“uniString”。

$.post("autosuggestions.php", {universityString: ""+uniString+""}, function(data){
  if(data.length >0) {
    $('#suggestions').show();
    $('#autoSuggestionsList').html(data);
  }
});

Answer 3

使用jQuery .blur（）

$('#uniString').blur(function() {
    if ( $('#uniString').val() =! '' )
    {
        // DO POST
    }
});

如需更多帮助，请参阅.blur()

将thisValue从Javascript传递给PHP文件

3 个答案: