Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用ASP.NET MVC和jQuery(非自动完成)提供实时过滤结果的文本框?_Jquery_Asp.net Mvc_Ajax - Fatal编程技术网

如何使用ASP.NET MVC和jQuery(非自动完成)提供实时过滤结果的文本框?

如何使用ASP.NET MVC和jQuery(非自动完成)提供实时过滤结果的文本框?,jquery,asp.net-mvc,ajax,Jquery,Asp.net Mvc,Ajax,我正在寻找类似的东西,它允许您输入用户名,并实时过滤下面的用户 我正在使用ASP.NETMVC和jQuery。有人能给我举一个简单的例子,使用这个技术栈做同样的事情吗 您基本上需要在每次文本框的值更改时进行ajax调用 完全未经测试,但大致如下: $("#inputName").change(function () { // maybe check the value is more than n chars or whatever $.ajax({ url:

我正在寻找类似的东西,它允许您输入用户名,并实时过滤下面的用户


我正在使用ASP.NETMVC和jQuery。有人能给我举一个简单的例子,使用这个技术栈做同样的事情吗

您基本上需要在每次文本框的值更改时进行ajax调用

完全未经测试,但大致如下:

$("#inputName").change(function () {
    // maybe check the value is more than n chars or whatever
    $.ajax({
        url: <%= Url.Action("Lookup", "Users") %> + '/' + this.val(), // path to ajax request
        dataType: "html", // probably
        success: updateContainerWithResults
    });
});

function updateContainerWithResults(data) {
    $("#resultsContainerElement").html(data);
}
$(“#inputName”).change(函数(){
//可能检查值是否大于n个字符或其他任何值
$.ajax({
url:+'/'+this.val(),//ajax请求的路径
数据类型:“html”//
成功:updateContainerWithResults
});
});
函数updateContainerWithResults(数据){
$(“#resultcontainerement”).html(数据);
}


您有很多要筛选的项目吗?过滤可以在客户端进行吗?我怀疑Stackoverflow在服务器上进行了过滤。您查看了源代码了吗?看起来只是一个返回结果的Web服务,结果被抛出到div中。仅供参考
change
仅在文本框模糊时触发,而不是在每次击键时触发。那么每次击键都应该使用什么事件?keyup。但是,您可能希望了解一些自动完成jquery函数。您必须修改它们以满足您的需要,但它们提供了一些改进。也就是说,如果有人正在键入john,而他们键入了“j”,您真的想搜索所有带有字母j的用户吗?如果他们快速键入j-o-h-n,您真的想向服务器发送4个单独的请求吗?@redsquare:
在父窗体(如果有)模糊或提交时触发更改。看见您认为哪些浏览器不会发生这种行为?好奇。。。