初始化物化-使用ajax和jquery的api调用自动完成数据集
初始化物化-使用ajax和jquery的api调用自动完成数据集
提问于 2021-07-21 09:15:34
大家早上好，我在一个PHP应用程序中使用materialize.css
我想用API调用初始化自动完成数据。
.autocomplete ()用JSON数组" data ":初始化数据，
这是我用.ajax ({..., url: '/search.php', ... datas})得到的。
但我不能把datas注入.autocomplete ()
我该怎么做呢？
源代码如下：
<body>
<form action="">
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">title</i>
<input id="searchOnAPI" name="name" type="text" class="autocomplete" value="{{ item.name }} ">
<label for="searchOnAPI">{{ siteData('admin.titre') }}</label>
<ul id="autocomplete-content" class="autocomplete-content"><li><a></a></li></ul>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script>
$(document).ready(function () {
$('#searchOnAPI').keyup(function () {
$('#autocomplete-content').html('');
let search = $(this).val();
if (search !== "") {
$.ajax({
type: 'GET',
url: '/search.php',
data: 'search=' + encodeURIComponent(search),
success: function (datas) {
if (datas !== "") {
$('#searchOnAPI').autocomplete(datas);
} else {
document.getElementById('autocomplete-content').innerHTML = '<ul class="autocomplete-content dropdown-content"><li><a class="black-text">{{ siteData('site.search.nodata') }}</a></li></ul>';
}
}
});
}
});
});
</script>我认为问题出在这里：
变量数据...
但是我不再理解这个错误了。
success: function (datas) {
if (datas !== "") {
$('#searchOnAPI').autocomplete(datas);
}搜索页面的代码:和调用API
<?php
if (isset($_GET['search']) && !empty($_GET['search'])) {
$search = trim(htmlspecialchars($_GET['search']));
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://api.themoviedb.org/3/search/multi?api_key=". API_KEY ."&language=fr-FR&query=$search",
CURLOPT_CAINFO => dirname(__DIR__) . DIRECTORY_SEPARATOR . 'lib' . DIRECTORY_SEPARATOR ."cert.tmdb.cer", //api.themoviedb.org
CURLOPT_RETURNTRANSFER => true,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 10,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "GET"
]);
$response = curl_exec($curl);
$err = curl_error($curl);
$response = json_decode($response, true);
$err = json_decode($err, true);
$datas = [];
if (!is_null($err) || $response === null || !isset($response['results'])) {
$datas[] = ['No Data' => null];
} else {
$response = $response['results'];
for ($i = 0; $i <= 5; $i++) {
if (isset($response[$i]['title'])) {
$datas[] = $response[$i]['title'] ;
} elseif (isset($response[$i]['name'])) {
$datas[] = $response[$i]['name'];
}
}
echo json_encode(array_fill_keys(['data'], array_fill_keys($datas, null)), true);
}
}下面是以搜索页面的json格式返回的api。
{
"data": {
"O Amor Acontece": null,
"Quem Quer Namorar Com o Agricultor?": null,
"O'": null,
"O Clone": null,
"Hawaï police d'État": null,
"O Matador": null
}
}欢迎任何建议！.EDD
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-07-24 07:29:12
我发现了错误：
$.ajax({
type: 'GET',
url: '/search.php',
data: 'search=' + encodeURIComponent(search),
success: function (datas) {我没有设置dataType ...
dataType:"json",
像这样
$.ajax({
type: 'GET',
dataType:"json",
url: '/search.php',
data: 'search=' + encodeURIComponent(search),
success: function (datas) {但一切都能正常工作。
在Jquery上查找自动完成_renderItem不起作用
Stack Overflow用户
发布于 2021-07-22 08:57:49
你的PHP代码返回了一个带有'data‘参数的json对象，也许你可以试试
if (datas !== "") {
$('#searchOnAPI').autocomplete(datas.data);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68466944
复制
![[android] 切换按钮-自定义控件](https://ask.qcloudimg.com/http-save/yehe-2504969/1vm2nikqc9.jpeg)
相似问题
“反应”切换“类似”按钮
使用jQuery和Ajax切换按钮
切换按钮背景颜色
切换按钮颜色点击
按钮不切换颜色
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
