先來看看前幾天的效果吧~ 到模糊查詢畫面,輸入框輸入關鍵字,就會查詢出相關的文章。
程式部分:
當輸入框訊息有變化的時候會把輸入的訊息傳到後端查詢。
$(document).ready(function() {
$("#inputseatch").change(function() {
let d = $("#inputseatch").val();
$('#divPartial').load('/Article/AjaxSearch' + "/" + d);
});
});
查詢出來的資料,用PartialView 方法傳入特定的PartialView。
return PartialView("../PartialViews/_ArticlePartialView", result);
資料會被傳進這裡。這樣就可以看到動態查詢的結果了。
<div id="divPartial">
@await Html.PartialAsync("../PartialViews/_ArticlePartialView",Model)
</div>
Lambda 部分:
// 這寫法稱作Lambda,會在最後面ToListAsync之後才跟Db取得資料。
.Where(x => x.IsDelete == false && x.Title.Contains(id))
.OrderByDescending(x => x.Id)
.ToListAsync();
where : 查詢條件
OrderByDescending : 倒排,選哪個欄位來排序
Contains : 要包含哪些字、詞(達到模糊查詢)