Question

我是jQuery的新手。我试图在我的ASP.NET页面中使用自动完成jQuery插件。我从站点下载了示例并尝试将其从PHP重写为ASP.NET

任何人都可以帮我改写吗？

<script type="text/javascript">

$（）。ready（function（）{

function findValueCallback(event, data, formatted) {
    $("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
}

function formatItem(row) {
    return row[0] + " (<strong>id: " + row[1] + "</strong>)";
}
function formatResult(row) {
    return row[0].replace(/(<.+?>)/gi, '');
}


$("#imageSearch").autocomplete("images.php", {
    width: 320,
    max: 4,
    highlight: false,
    scroll: true,
    scrollHeight: 300,
    formatItem: function(data, i, n, value) {
        return "<img src='images/" + value + "'/> " + value.split(".")[0];
    },
    formatResult: function(data, value) {
        return value.split(".")[0];
    }
});

和页面包含

<input type="text" id='imageSearch' />
        <input type="button" value="Get Value" />

images.php的内容

$term = $_REQUEST['q'];
$images = array_slice(scandir("images"), 2);
foreach($images as $value) {
if( strpos(strtolower($value), $term) === 0 ) {
    echo $value . "\n";
}

}

我对此有一些疑问

1。我理解images.php将返回图像列表。任何人都可以通过示例向我提供格式吗？这是列表项的集合，还是由某些字符分隔的div或单个字符串

2。 javscript如何形成收到的输出。在我的情况下，我想返回一个项目列表（图像名称）和一个带有id的文本（标题）。所以用户将看到选项列表中的图像和文本当他选择时，我想在那里显示另一个页面（我想在那里使用锚标签导航到另一个页面，其中包含用户选择的id选项。

请提前指导，谢谢

Answer 1

1。我理解images.php会返回图像列表。可以任何一个为我提供一个示例格式？这将是列表的集合 items，div或单个字符串由一些人物分开

没有运行代码，它将是由换行符（“\ n”）字符分隔的字符串列表; 。e.g，：

"image1.jpg\nimage2.jpg\nimage3.jpg"

2。 javscript如何形成收到的输出。在我的情况下，我想返回一个项目列表（图像名称）和一个带有id的文本（标题）。所以用户将看到选项列表中的图像和文本当他选择时，我想在那里显示另一个页面（我想在那里使用锚标签导航到另一个页面，其中包含用户选择的id选项。

如果要从服务器返回结构化数据，可能需要查看JSON。

jQuery自动完成图像：一个小的自定义

1 个答案: