使用json数据的jQueryUI + ASP .NET MVC自动完成
使用JSON数据的jQuery UI Autocomplete 是一个基于jQuery UI的自动完成插件，它可以轻松地将自动完成功能添加到ASP .NET MVC应用程序中。以下是一个完整的示例，说明如何使用JSON数据的jQuery UI Autocomplete。
- 首先，确保已经在项目中引入了jQuery和jQuery UI库。可以在项目的_Layout.cshtml文件中添加以下代码：
<head>
...
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
...
</head>- 在ASP .NET MVC控制器中创建一个Action，该Action将返回JSON数据。例如，在HomeController中创建一个名为GetCities的Action：
public class HomeController : Controller
{
public ActionResult GetCities(string term)
{
var cities = new[] { "New York", "London", "Paris", "Tokyo", "Sydney" };
var filteredCities = cities.Where(x => x.StartsWith(term, StringComparison.OrdinalIgnoreCase)).ToList();
return Json(filteredCities, JsonRequestBehavior.AllowGet);
}
}- 在ASP .NET MVC视图中添加一个输入框，并使用jQuery UI Autocomplete插件绑定JSON数据：
$(function() {
$("#city-autocomplete").autocomplete({
source: function(request, response) {
$.ajax({
url: "@Url.Action("GetCities", "Home")",
type: "GET",
dataType: "json",
data: { term: request.term },
success: function(data) {
response(data);
}
});
},
minLength: 2
});
});
</script>在这个示例中，我们使用jQuery UI Autocomplete插件将输入框绑定到ASP .NET MVC控制器中返回的JSON数据。当用户在输入框中输入至少两个字符时，控制器的GetCities Action将被调用，并返回与输入字符匹配的城市列表。然后，jQuery UI Autocomplete将显示这些城市作为自动完成建议。
这个示例使用了jQuery UI Autocomplete插件，它是一个非常流行的JavaScript库，可以轻松地将自动完成功能添加到ASP .NET MVC应用程序中。此外，它还支持远程数据源，可以从服务器端返回JSON数据。这使得它非常适合与ASP .NET MVC一起使用，并且可以轻松地扩展到其他云计算平台。
相关·内容
我在用jQueryUI autocomplete调用JSON时遇到了很大的问题。我有一个相当简单的JS： $('#Editor_Tags').autocomplete({ this.value = terms.join(", "); }
浏览 0提问于2011-07-02得票数 1
回答已采纳
2回答
我正在使用MVC 3，我试图找到一个好的源代码，它将列出在我的应用程序中使用Modal对话框窗体(jQuery或任何其他类型)和\或弹出窗口的最佳实践。例如:我有我的CRUD操作视图及其相应的控制器操作，但是我希望在一个新的窗口\模式对话框中打开它，并且在接近刷新父打开程序时打开它。我可以编写很多丑陋的java脚本来实现这一点，但我正在寻找最佳实践，以便将其结合到MVC应用程序中。编辑问题的
浏览 2提问于2013-01-10得票数 0
回答已采纳
1回答
我正在开发一个asp.net mvc5 web应用程序，我做了以下工作：
“~/内容/主题/基础/核心.base”，
“~/内容/主题/基/自动完成</
浏览 3提问于2015-01-31得票数 1
下面的代码显示了一个自动补全函数，它只使用我给出的数据。我希望能够更改数据源，以便当使用自动完成时，常见的谷歌搜索将显示出来。我怎么能这样做呢？ABQIAAAARh4zAaoctlNef6M1fBHLSRT_pkQkDorgHY-QpTBEqS9oVy079BTA6a35AAdpXz6ExAMdICz8lNWRVA"></script>
浏览 3提问于2011-03-23得票数 0
2回答
JQGrid可以很好地处理3000多条记录，所以使用loadone:true，虽然超过3200条，但它显示的是空网格。我想讨论一下服务器端分页和加载一次:false。是否有更好的方法来加载一次数据:true并显示一些海量的数据，比如20k记录？如果我们要使用服务器端分页，我们应该只从数据库中获取特定数量的记录？请在下面找到我的代码，如果有任何问题请给我指点。List<GOALogging> items =
浏览 3提问于2016-02-12得票数 0
回答已采纳
在Visual中，我们没有可以执行诸如自动完成之类的操作的控件(我们根本没有来自Visual的控件，比如web中的控件)。，但是，在ASP.NET MVC中有一个文本框(就像在Google主页上找到的文本框一样)是否还能实现“自动完成”呢？
，如果是这样的话，最好的方法是什么？ JQueryUI？谢谢你的帮助。
浏览 2提问于2010-05-05得票数 1
回答已采纳
这里，我使用Jquery函数作为我的搜索框，但是如果我搜索小写字母ASP.net MVC并没有出现在建议列表中，那么如何添加大写和小写区分大小写的搜索来搜索这个自动完成的Ajax ASP.net MVC并在可能的情况下添加匹配的文本粗体搜索建议列表？code.jquery.com/ui/1.11.4/jquery-u
浏览 0提问于2019-01-03得票数 0
在我的一个asp.net mvc项目中，我想为我的域实体提供带有通用数据源url和类型化自动完成的自动完成。我在找asp.net mvc助手
浏览 2提问于2014-06-26得票数 1
回答已采纳
因为我想在textbox上设置一个Extender (来自AJAX控件工具箱的Calendar)，所以我必须将代码从至
<asp:TextBox
浏览 1提问于2009-12-25得票数 1
回答已采纳
1回答
这是我的视图和控制器。我已经将代码从c#转换为vb，代码在C#中工作得很好，但我不知道为什么这个java脚本不能在vb中工作。我开始调试，但当我在搜索框中输入内容时，控制器永远不会被调用。视图的代码@CodeEnd Code
data: { query: request.term },
dataType: 'json
浏览 2提问于2015-04-13得票数 0
1回答
我的webservice方法如下： Public Function TravelMeansList(ByVal prefix As String) As List, dataType: "json",
浏览 2提问于2012-08-03得票数 0
回答已采纳
正如标题所述，为什么ASP.NET MVC 4项目有如此多的NuGet包？整个框架现在被分割成包了吗？哪些是真正重要的一个空项目，将是一个网站，没有API，等等？更新
澄清一下，我没有问题，除非你把基本的困惑算在一起。我只想知道为什么新的MVC 4项目在默认情况下安装了这么多软件包？一个空项目有一整页的包。一个互联网项目有三整页的软件包。我只是好奇为什么这是因为我目前的MVC 3项
浏览 6提问于2012-08-16得票数 38
回答已采纳
我正在尝试使用ajax自动完成语法来获取后面跟着破折号和州名称的状态代码。我正在使用jQuery和jQueryUI以及jQueryUI自动完成函数来尝试这一点。我正在使用这个json结果：
[{"code":"AK","name":"Alaska"},{"code":"AL",&q
浏览 1提问于2013-08-01得票数 0
我想在asp.net mvc4应用程序中使用自动完成小工具。我能够调用操作来从控制器获取自动完成值的列表。不幸的是，我无法将其添加到建议列表中。我认为自动完成ajax调用的成功部分中的.map(data，function(item) )不起作用。但我真的不知道为什么。我确信所有的脚本和css都是正确加载的。我正在说明控制器操作返
浏览 2提问于2013-09-16得票数 0
我需要实现自动完成文本框，值从数据库(服务器)使用Asp.Net MVC3，使用javascript而不是与jQuery。所以请试着帮我找到源码。
我正在使用ASP.Net MVC3。
浏览 0提问于2011-11-30得票数 1
1回答
我正在尝试使用jQueryUI自动完成插件，但我无法使其工作。
我在后端使用Spring MVC，并通过遵循从网络上获得的返回JSON响应。我的问题是，在自动完成插件期望JSON响应的方式上似乎有一些问题。我检查了我的firebug，它显示在JSON响应下面。{"data":["TEST-01&qu
浏览 1提问于2010-09-05得票数 0
回答已采纳
我已经看过几次这个问题，但我还没有找到一个有效的解决方案。我试图使用Mongoose查询.findById，但没有得到预期的结果。find({id：“.”})也没有返回任何内容。使用没有任何参数的find显示所有预期结果，包括id键值对，但我不能在查询中使用id值。aspnet', 'backend' ], date: 2018-01-24T21:42:59.605Z,
n
浏览 1提问于2019-02-06得票数 0
回答已采纳
2回答
我正在进入网页开发阶段，我有一个非常重要的问题.当我用HTML编写应用程序时，我可以返回ASP.NET视图，并且有一个为我的应用程序创建前端的想法。但是当我使用asp.net核心web时，我只会在浏览器中看到JSON文件。我的endPoints只返回JSON结果。我的问题是：如何处理这个JSON
浏览 6提问于2021-04-11得票数 0
回答已采纳
我使用ASP.NEt进行简单的数据库查询，并返回JSON格式的数据。现在，我有下面的代码，它显示数据库的结果：我能用它来格式化数据<em
浏览 0提问于2012-03-06得票数 0
回答已采纳
我需要使用.NET框架设计一个客户服务器架构。在未来，客户将实现几个客户端，比如本地的Android或iOS应用程序，或者用HTML、CSS和JavaScript (AngularJS)编写的普通Web应用程序。使用以下哪种方法，我可以为客户端实现更灵活和独立的接口，就像我前面提到的那样？ASP.NET MVC 5还是ASP.NET WebAPI更好的选择？
我可
浏览 2提问于2016-01-13得票数 1
回答已采纳
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
腾讯云开发者
