我已經(jīng)按照以下格式實現(xiàn)了 JQuery 自動完成功能： AddApplication.cshtml@page@model AddApplicationModel@{}<div> <form> <div> <input type="text" name="appName" placeholder="Enter Application Name"> <select asp-items="Model.ministryItems"> <option>Select Ministry</option> </select> </div> <div> <input type="text" name="url" id="url" placeholder="Search for a URL" autocomplete="on"> </div> </form></div><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/start/jquery-ui.css"><script src="//code.jquery.com/jquery-1.10.2.js"></script><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript"> $(function () { $("#url").autocomplete({ source: function (request, response) { console.log("in funct"); $.ajax({ url: "@Url.Action("GetURL","AddApplication")", data: ({ term: request.term}), dataType: "json", type: "GET", contentType: "application/json; charset=utf-8", success: function (data) { Console.log("success"); response($.map(data, function (item) { Console.log("response"+item) return item; })) } }); }, select: function (e, i) { $("#url").val(i.item.val); }, minLength: 0 }).focus(function () { $(this).autocomplete("search"); }); }); </script>當我在文本框中輸入內(nèi)容時，什么也沒有發(fā)生。經(jīng)過一些調(diào)試后，我知道函數(shù)$("url").autocomplete正在被調(diào)用，但success: function()data{}沒有被擊中
2 回答
HUWWW
TA貢獻1874條經(jīng)驗 獲得超12個贊
修改ajax請求以正確包含查詢字符串參數(shù)：
$.ajax({
url: "AddApplication/GetURL",
data: ({ term: request.term}),
dataType: "json",
type: "GET",
success: function (data) {
response($.map(data, function (item) {
return item;
Console.log("response"+item)
}))
}
});
呼啦一陣風
TA貢獻1802條經(jīng)驗 獲得超6個贊
經(jīng)過更多搜索，我終于能夠讓它工作。添加防偽標記可能是根本問題，因為我之前沒有添加它。請注意 URL，根據(jù)多個來源，這是在 razor 中引用 URL 的正確方法。
雖然由于某種原因它只調(diào)用完成的函數(shù)，但它永遠不會成功。目前這不會引起問題。
AddApplication.cshtml
<script>
$(document).ready(function(){
$("#UrlQueBtn").click(function(e)
{
e.preventDefault();
var url = $('#urlSelect').val();
console.log(url);
$.ajax({
url: "AddApplication?handler=AddUrlToQue",
type: "POST",
dataType: "json",
data: { urlSelect: url },
beforeSend: function (xhr) {
xhr.setRequestHeader("XSRF-TOKEN",
$('input:hidden[name="__RequestVerificationToken"]').val());
},
success: function () {
alert("success");
},
complete: function () {
alert("complete")
},
failure: function () {
alert("failure");
}
})
});
});
</script>
需要在啟動類中加入防偽令牌 startup.cs
在配置服務下 services.AddAntiforgery(o => o.HeaderName = "XSRF-TOKEN");
- 2 回答
- 0 關注
- 159 瀏覽
添加回答
舉報
0/150
提交
取消