将进度加载到asp.net核心中的jquery自动完成插件上
将进度加载到asp.net核心中的jquery自动完成插件上
提问于 2021-08-10 04:41:56
我想放一个进度条在文本框中，使用自动完成plugin.To调用数据库中的所有信息，这个进度条将是show.Like你在图片中看到的
请看我现在的照片，请指导我。
<div class="col-md-6 ">
<label>شغل بیمه
<span style="color:red;margin-top:2px" >*</span>
</label>
<input class="form-control" type="text" id="SematYaShoghlBime" asp-for="@Model.person.SematYaShoghlBime" placeholder="جستجو کنید..."><script>
$(document).ready(function () {
$("#SematYaShoghlBime").autocomplete({
source: function (request, response) {
$.getJSON("/Home/SearchInTaminJobs", {
term: $("#SematYaShoghlBime").val().trim()
},
response)
},
minLength:7,
});
});
</script>
[HttpGet]
public IActionResult SearchInTaminJobs()
{
string term = HttpContext.Request.Query["term"].ToString();
var query = _context.TaminJobs.Where(Ad => Ad.jobName.Contains(term)).Select(c => c.jobName + c.jobCode).ToList();
return Ok(query);
}回答 1
Stack Overflow用户
回答已采纳
发布于 2021-08-10 18:47:10
这是一个你可以遵循的工作演示：
<input type="text" id="SematYaShoghlBime">
<img id="loading" style="display:none;width:30px;height:30px" src="https://bodhitreeyogaresort.com/wp-content/uploads/2019/02/loading_icon_sm.gif" />
@section Scripts{
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function () {
$("#SematYaShoghlBime").autocomplete({
source: function (request, response) {
$("#loading").show();
$.getJSON("/Home/SearchInTaminJobs", {
term: $("#SematYaShoghlBime").val().trim()
}, function (data) {
response($.map(data, function (el, index) {
return el;
}));
$("#loading").hide();
})
},
});
});
</script>
}结果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68727020
复制相关文章
BT-Panel Linux 自动磁盘挂载工具 自动将分区挂载到/www 目录
点击加载更多
相似问题
jQuery -自动完成插件
jquery自动完成插件
jquery插件-自动完成
自动完成Jquery插件
jQuery -自动完成插件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
