Question

我在我的页面中使用相同的ID名称复制此代码，并且所有内容都无法正常工作

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="pasha_js/yui-min.js"></script>
<script type="text/javascript">
YAHOO.example.Data.arrayStates = [ 
        "Alabama", 
        "Alaska", 
        "Arizona", 
        "Arkansas", 
        "California", 
        "Colorado", 
        "Connecticut", 
        "Delaware", 
        "Florida", 
        ... 
    ]; 
    YAHOO.example.BasicRemote = function() { 
            // Use an XHRDataSource 
            var oDS = new YAHOO.util.XHRDataSource("assets/php/ysearch_flat.php"); 
            // Set the responseType 
            oDS.responseType = YAHOO.util.XHRDataSource.TYPE_TEXT; 
            // Define the schema of the delimited results 
            oDS.responseSchema = { 
                recordDelim: "\n", 
                fieldDelim: "\t" 
            }; 
            // Enable caching 
            oDS.maxCacheEntries = 5; 

            // Instantiate the AutoComplete 
            var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS); 

            return { 
                oDS: oDS, 
                oAC: oAC 
            }; 
        }(); 
</script>
<style type="text/css">
 #myAutoComplete 
 { 
        width:15em; /* set width here or else widget will expand to fit its container */ 
        padding-bottom:2em; 
    } 
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<label for="myInput">Search our database:</label> 
    <div id="myAutoComplete"> 
        <input id="myInput" type="text"> 
        <div id="myContainer"></div> 
    </div> 
</body>
</html>

任何想法为什么？

Answer 1

看看这一行

var oDS = new YAHOO.util.XHRDataSource("assets/php/ysearch_flat.php")

您在该位置的服务器上是否有一个php文件，它将以AutoComplete可以理解的格式返回数据？如果您打开开发人员工具，您应该会看到一堆404 XHR请求到该文件，这就是您永远不会得到任何结果的原因。

YUI让我抓狂

1 个答案: