来自树屋的代码创建自动完成。伟大的代码,唯一的问题是我更换后我无法获得自己的json文件。我使用wordpress,我的文件名是autocomplete.json,你可以在我的代码底部看到代码。它给了我错误autocomplete.json 404 Not Found。 wordpress是否有一些获取文件的路径,谢谢。
var dataList = document.getElementById('json-datalist');
var input = document.getElementById('ajax');
// Create a new XMLHttpRequest.
var request = new XMLHttpRequest();
// Handle state changes for the request.
request.onreadystatechange = function(response) {
if (request.readyState === 4) {
if (request.status === 200) {
// Parse the JSON
var jsonOptions = JSON.parse(request.responseText);
// Loop over the JSON array.
jsonOptions.forEach(function(item) {
// Create a new <option> element.
var option = document.createElement('option');
// Set the value using the item in the JSON array.
option.value = item;
// Add the <option> element to the <datalist>.
dataList.appendChild(option);
});
} else {
// An error occured :(
input.placeholder = "Couldn't load datalist options :(";
}
}
};
// Update the placeholder text.
input.placeholder = "Loading options...";
// Set up and make the request.
request.open('GET', 'autocomplete.json', true);
request.send();
&#13;