Question

我想在我的HTML中的标记输入中获取值（或类似的东西）。这是输入标签：

<input name="search" id="search" type="text" class="typeahead"/>

我已经对我的脚本执行了类似的操作，但它不起作用：

var labels = new Bloodhound({datumTokenizer: function(labels) {
return Bloodhound.tokenizers.whitespace(labels); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: "http://localhost/codepen/search.php?term="+document.getElementsByTagName("input")[0].value,
filter: function(response) {
  return response.labels;
}}});

labels.initialize();

$('#search.typeahead').typeahead({
hint: true,
highlight: true,
minLength: 1
}, {
name: 'labels',
displayKey: function(labels) {
return labels.label;
},
source: labels.ttAdapter()
});

如果需要search.php：

<?php
$search = $_GET["term"];
require_once( "sparqllib.php" );
error_reporting(E_ERROR);
$db = sparql_connect( "http://localhost:3030/DOID/sparql" );
if( !$db ) { print sparql_errno() . ": " . sparql_error(). "\n"; exit; }
sparql_ns( "owl","http://www.w3.org/2002/07/owl#" );
sparql_ns( "rdfs","http://www.w3.org/2000/01/rdf-schema#" );
sparql_ns( "obo","http://purl.obolibrary.org/obo/" );

$sparql = 'SELECT DISTINCT ?class ?label ?description 
        WHERE { ?class a owl:Class . 
        OPTIONAL { ?class rdfs:label ?label} 
        OPTIONAL { ?class obo:IAO_0000115 ?description}
        FILTER regex (?label,"'.$search.'", "i")}';
$result = sparql_query( $sparql ); 
if( !$result ) { print sparql_errno() . ": " . sparql_error(). "\n"; exit; }

$fields = sparql_field_array( $result );

$resultarray = array();

while( $row = sparql_fetch_array( $result ) ){

    array_push($resultarray,array("label"=>$row['label']));
}
echo json_encode(array('labels'=>$resultarray));
?>

任何帮助都将不胜感激。

Answer 1

从这里的打字头文档中读取： https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md

您可以看到网址必须是静态字符串。

作为函数的prepare选项用于准备查询。

wildcard参数用作prepare的便利选项。如果设置，prepare将是一个函数，它使用URI编码的查询替换url中此选项的值。见here

所以我想你的代码应该是：

var labels = new Bloodhound({datumTokenizer: function(labels) {
return Bloodhound.tokenizers.whitespace(labels); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: "http://localhost/codepen/search.php?term=%QUERY",
wildcard: "%QUERY",
filter: function(response) {
  return response.labels;
}}});

labels.initialize();
...

希望它能解决你的问题！

从标签输入到twitter typeahead js获取值

1 个答案: