首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Asp.net核心MVC jquery自动完成返回空白数据行

Asp.net核心MVC jquery自动完成返回空白数据行
EN

Stack Overflow用户
提问于 2020-03-05 05:56:46
回答 1查看 138关注 0票数 0

我已经在这个问题上挣扎了一段时间。我已经开始使用MVC核心,并且正在构建一个ASP.NET核心ASP.NET项目。我在JQuery autocomplete小部件从查询返回空白数据时遇到了问题。

下面是我的代码:

html视图:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@section Scripts{

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <script src="~/lib/Scripts/jquery-3.4.1.js"></script>
    <script src="~/lib/Scripts/jquery-ui.min.js"></script>
<script>

$("#searchInput").autocomplete({
source: function (request, response) {
$.ajax({
url: '@Url.Action("GetSearchValue", "Requests")',
dataType: "json",
data: { search: $("#searchInput").val() },
success: function (data) {
response($.map(data, function (item) {
return { label: item.NameString};
}));
},
error: function (xhr, status, error) {
alert("Error");
}
});
}
});

</script>
}

控制器:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    [HttpGet]
    public async Task<IActionResult> GetSearchValue(string search)
    {
        var allsearch = _context.Requests.Where(x => x.NameString.ToLower().Contains(search)).Select(x => new Requests
        {
            NameString = x.NameString,
        }).ToList();
        return Ok(allsearch);
    }

JQuery似乎返回了正确数量的建议,但是,它们是空白的。所以一定是JQuery中的NameString没有被正确传递,但我想不出该怎么做。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-05 09:20:09

请使用以下代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
response($.map(data, function (item) {
        return item.nameString;
      }));

而不是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
response($.map(data, function (item) {
return { label: item.NameString};
}));

看起来不错。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60538985

复制
相关文章
Asp.net MVC Jquery提交后乱码问题
最近在处理MVC时,遇到要将特殊字符,或者XML格式的数据传递到后台,但是后台解析发现无法识别,处理有误。
aehyok
2018/09/11
1.6K0
jQuery和asp.net mvc相关资源链接
jQuery: Simplify calling ASP.NET AJAX services from jQuery jQuery Splitter jHtmlArea – The all NEW HTML WYSIWYG Editor for jQuery Expand table rows with jQuery - jExpand plugin Quick Tip – Reading & Editing HTML Attributes in jQuery Use jQuery and ASP.NET
张善友
2018/01/22
1.3K0
ModelBinder——ASP.NET MVC Model绑定的核心
Model的绑定体现在从当前请求提取相应的数据绑定到目标Action方法的参数。通过前面的介绍我们知道Action方法的参数通过ParameterDescriptor来描述,ParameterDescriptor的BindingInfo属性表示的ParameterBindingInfo对象具有一个名为ModelBinder的组件用于完成针对当前参数的Model绑定。ModelBinder可以看成是整个Model绑定系统的核心,我们先来认识这个重要的组件。[本文已经同步到《How ASP.NET MVC Wo
蒋金楠
2018/02/08
2.4K0
ModelBinder——ASP.NET MVC Model绑定的核心
使用 asp.net mvc和 jQuery UI 控件包
如果你使用asp.net mvc,而且使用的js库是jQuery, 那么一定别错过使用jQuery UI,使用jQuery UI 有个一套的mvc套件值得使用jQuery ASP.Net MVC Co
张善友
2018/01/19
1.6K0
使用 asp.net mvc和 jQuery UI 控件包
探寻ASP.NET MVC鲜为人知的奥秘(1):对LESS的支持
在ASP.NET MVC3中(从那时开始),我们拥有了对js和css等文件的捆绑(Bundling)和压缩(Minification)的能力,这是ASP.NET性能优化工作的一部分。 想一下很久以前,我们在mvc2的时代,我们使用这样的方式引入js和css文件: <script type="text/javascript" src="@Url.Content("~/Script/Script.js")"></script> Why 刚开始没有什么问题,而随着我们项目的越来越大,需要引入的资源文件越来越多的时
小白哥哥
2018/03/07
1.2K0
探寻ASP.NET MVC鲜为人知的奥秘(1):对LESS的支持
VBA删除空白行和空白列代码
这是一个学习的代码,做了解析,做为个人保存,学习之用。 'VBA删除空白列 Sub DeleteEmptyRows() Dim LastRow As Long, r As Long LastRow = ActiveSheet.UsedRange.Rows.Count '得到所使用区域的总行数 LastRow = LastRow + ActiveSheet.UsedRange.Row - 1 '使用区域的总行数+所使用区域的开始第1行用-1 For r = LastR
哆哆Excel
2022/10/25
3.3K0
jQuery实现用户输入自动完成功能
利用jQuery UI中Auto-complete插件实现输入自动完成功能,大家在使用诸如淘宝、京东等电商平台搜索商品时,往往只要输入商品的一些特殊字符,就可以显示出和该字符相近的列表菜单,用户使用鼠标或者键盘方向键就可以快速选择,实现了很好的用户体验。
Sindsun
2019/12/10
1.6K0
jQuery实现用户输入自动完成功能
ASP.NET MVC的客户端验证:jQuery的验证
之前我们一直讨论的Model验证仅限于服务端验证,即在Web服务器根据相应的规则对请求数据实施验证。如果我们能够在客户端(浏览器)对用户输入的数据先进行验证,这样会减少针对服务器请求的频率,从而缓解W
蒋金楠
2018/01/15
8.2K0
ASP.NET MVC的客户端验证:jQuery的验证
七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递
通过第一天的学习之后,我们相信您已经对MVC有一些基本了解。 本节所讲的内容是在上节的基础之上,因此需要确保您是否掌握了上一节的内容。本章的目标是在今天学习结束时利用最佳实践解决方案创建一个小型的MV
葡萄城控件
2018/01/10
2.3K0
七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递
在asp.net mvc中使用PartialView返回部分HTML段
在asp.net mvc中返回View时使用的是ViewResult,它继承自ViewResultBase 同一时候它还有个兄弟PartialViewResult
全栈程序员站长
2022/07/13
1.6K0
ASP.NET MVC 4 - 测试驱动 ASP.NET MVC
测试驱动 ASP.NET MVC Keith Burnell 下载代码示例 模型-视图-控制器 (MVC) 模式的核心是将 UI 功能划分成三个组成部分。模型表示您的领域的数据和行为。视图管理模型的显示并且处理与用户的交互。控制器协调视图和模型之间的交互。通过这样将本质上就难于测试的 UI 逻辑与业务逻辑分离开来,使得使用 MVC 模式实现的应用程序非常易于测试。在本文中,我将论述用于增强您的 ASP.NET MVC 应用程序的可测试性的最佳做法和技术,包括如何建立您的解决方案的结构、设计代码架构以便处理依
张善友
2018/01/22
5.4K0
ASP.NET MVC 4 - 测试驱动 ASP.NET MVC
ASP.NET MVC 4 RC的JS/CSS打包压缩功能
打包(Bundling)及压缩(Minification)指的是将多个js文件或css文件打包成单一文件并压缩的做法,如此可减少浏览器需下载多个文件案才能完成网页显示的延迟感,同时通过移除JS/CSS文件案中空白、批注及修改JavaScript内部函数、变量名称的压缩手法,能有效缩小文件案体积,提高传输效率,提供使用者更流畅的浏览体验。 在ASP.NET MVC 4中可以使用BundleTable捆绑多个css文件和js文件,以提高网络加载速度和页面解析速度。更为重要的是通过捆绑可以解决IE浏览器的31个C
张善友
2018/01/22
3.2K0
ASP.NET MVC 4 RC的JS/CSS打包压缩功能
How ASP.NET MVC Works?
一、ASP.NET + MVC IIS与ASP.NET管道 MVC、MVP以及Model2[上篇] MVC、MVP以及Model2[下篇] ASP.NET MVC是如何运行的[1]: 建立在“伪”MVC框架上的Web应用 ASP.NET MVC是如何运行的[2]: URL路由 ASP.NET MVC是如何运行的[3]: Controller的激活 ASP.NET MVC是如何运行的[4]: Action的执行 二、URL 路由 ASP.NET的路由系统:URL与物理文件的分离
蒋金楠
2018/01/15
1.5K0
七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理
第三天我们将学习Asp.Net中数据处理功能,了解数据访问层,EF,以及EF中常用的代码实现方式,创建数据访问层和数据入口,处理Post数据,以及数据验证等功能。 系列文章 七天学会ASP.NET M
葡萄城控件
2018/01/10
5.3K0
七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理
JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比较多,我把我自己使用的ajaxFileUpload文件上传到博客园上了,想要使用的朋友可以下载:http://files.cnblogs.com/files/fonour/ajaxfileupload.js。 整个插件源码不到200行,实现非常简单,大致原理就是通过js动态创建隐藏的表单,然后进行提交操作,达到
阿炬
2018/05/11
3.2K0
MVC 3.0 的新特性 摘要
MVC经过其1.0和2.0版本的发展,现在已经到了3.0的领军时代,随着技术的不断改进,MVC也越来越成熟。使开发也变得简洁人性化艺术化。
Isaac Zhang
2019/09/10
2.6K0
MVC 3.0 的新特性

            摘要
ASP.NET MVC使用Bootstrap系统(2)——使用Bootstrap CSS和HTML元素
在移动互联网的今天,越来越多的网站被手机设备访问,移动流量在近几年猛增。Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。
用户1161731
2022/05/11
4K0
ASP.NET MVC使用Bootstrap系统(2)——使用Bootstrap CSS和HTML元素
ASP.NET MVC 5 - 给数据模型添加校验器
在本节中将会给Movie模型添加验证逻辑。并且确保这些验证规则在用户创建或编辑电影时被执行。 拒绝重复 DRY ASP.NET MVC 的核心设计信条之一是DRY: "不要重复自己(DRY --Don’t Repeat Yourself)"。ASP.NET MVC鼓励您指定功能或者行为,只做一次,然后将它应用到应用程序的各个地方。这可以减少您需要编写的代码量,并减少代码出错率,易于代码维护。 给ASP.NET MVC 和 Entity Framework Code First 提供验证支持是 DRY 信条的
葡萄城控件
2018/01/10
9.1K0
ASP.NET MVC 5 - 给数据模型添加校验器
ASP.NET MVC (二、数据传递)
ASP.NET MVC是最简洁、最方便、最高效、最快速的小型网站开发的方法,本文可以让一个小白用最快速的方式学会网站开发。
红目香薰
2022/11/29
1.1K0
ASP.NET MVC (二、数据传递)
ASP.NET MVC使用Bootstrap系列(2)——使用Bootstrap CSS和HTML元素
Bootstrap提供了一套丰富CSS设置、HTML元素以及高级的栅格系统来帮助开发人员快速布局网页。所有的CSS样式和HTML元素与移动设备优先的流式栅格系统结合,能让开发人员快速轻松的构建直观的界面并且不用担心在较小的设备上响应的具体细节。 Bootstrap 栅格(Grid)系统 在移动互联网的今天,越来越多的网站被手机设备访问,移动流量在近几年猛增。Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 栅格参数 B
用户1161731
2018/01/11
6.2K0
ASP.NET MVC使用Bootstrap系列(2)——使用Bootstrap CSS和HTML元素

相似问题

JQuery自动完成返回空白结果

17

ASP.NET MVC JQuery自动完成

11

Jquery空白自动完成

23

ASP.NET核心jquery自动完成返回列表中的空行

13

ASP.NET MVC jQuery自动完成HtmlHelper

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文