Asp.net web api 单击按钮时调用控制器操作
如何使用JavaScript、JQuery或AJAX调用按钮单击中的控制器操作。我有一个控制器,我想创建一个函数,在按下按钮时调用控制器方法Asp.net web api 单击按钮时调用控制器操作,asp.net-web-api,asp.net-mvc-5,Asp.net Web Api,Asp.net Mvc 5,如何使用JavaScript、JQuery或AJAX调用按钮单击中的控制器操作。我有一个控制器,我想创建一个函数,在按下按钮时调用控制器方法 [ResponseType(typeof(AKONTA))] public IHttpActionResult GetAKONTA(string id) { AKONTA aKONTA = db.AKONTAS.Find(id); if (aKONTA == null)
[ResponseType(typeof(AKONTA))]
public IHttpActionResult GetAKONTA(string id)
{
AKONTA aKONTA = db.AKONTAS.Find(id);
if (aKONTA == null)
{
return BadRequest("Ne postoji A_KONTO pod tim rednim brojem");
}
return Ok(aKONTA);
}
我创建了这样一个函数,但不起作用,始终显示此消息
alert("Ne postoji AKONTO pod tim rednim brojem");
@section scripts{
<script>
function aKontoSubmit() {
$.ajax({
type: "GET",
URL: "/api/Akontas/" + $('#AkontasId').val(),
// data: $('form').serialize(),
dataType: "application/xml",
success: function (result) {
alert("Odlicno")
},
error: function () {
alert("Ne postoji AKONTO pod tim rednim brojem");
}
});
}
</script>
}
警报(“Ne postoji Akoto pod tim rednim brojem”);
@节脚本{
函数aKontoSubmit(){
$.ajax({
键入:“获取”,
URL:“/api/Akontas/”+$(“#AkontasId”).val(),
//数据:$('form')。序列化(),
数据类型:“应用程序/xml”,
成功:功能(结果){
警报(“Odlicno”)
},
错误:函数(){
警报(“Ne postoji Akoto pod tim rednim brojem”);
}
});
}
}
更新
<br /><br />
<form>
<div class="form-group">
<label>A_KONTO</label>
@*<input type="text" class="form-control" aria-describedby="AKONTO BROJ" placeholder="Unesite broj AKONOTO">*@
<input type="text" class="form-control" aria-describedby="AKONTO BROJ" placeholder="Unesite broj AKONOTO" id='AkontasId'>
</div>
<div class="form-group">
<a asp-action="Index" class="btn btn-primary" id="aKonto" onClick='aKontoSubmit()'>Provjeri</a>
</div>
</form>
@section scripts{
<script>
function aKontoSubmit() {
$("#aKonto").click(function () {
$.ajax({
type: "GET",
URL: "/api/Akontas/",
data: { id: $('#AkontasId').val() },
dataType: "json",
success: function (result) {
alert("Odlicno")
},
error: function () {
alert(Error);
// alert("Ne postoji AKONTO pod tim rednim brojem");
}
});
});
}
</script>
}
阿_KONTO
@**@
普罗夫杰里
@节脚本{
函数aKontoSubmit(){
$(“#akon”)。单击(函数(){
$.ajax({
键入:“获取”,
URL:“/api/Akontas/”,
数据:{id:$('#AkontasId').val()},
数据类型:“json”,
成功:功能(结果){
警报(“Odlicno”)
},
错误:函数(){
警报(错误);
//警报(“Ne postoji Akoto pod tim rednim brojem”);
}
});
});
}
}
编辑:
<br /><br />
<form>
<div class="form-group">
<label>A_KONTO</label>
@*<input type="text" class="form-control" aria-describedby="AKONTO BROJ" placeholder="Unesite broj AKONOTO">*@
<input type="text" class="form-control" aria-describedby="AKONTO BROJ" placeholder="Unesite broj AKONOTO" id='AkontasId'>
</div>
<div class="form-group">
<a class="btn btn-primary" id="aKonto" onClick='aKontoSubmit()'>Provjeri</a>
</div>
</form>
<script>
function aKontoSubmit() {
$.ajax({
type: "GET",
URL: "/api/Akontas/",
data: {id : $('#AkontasId').val()},
dataType: "json",
success: function (result) {
alert("Odlicno")
},
error: function () {
alert("Ne postoji AKONTO pod tim rednim brojem");
}
});
}
</script>
阿_KONTO
@**@
普罗夫杰里
函数aKontoSubmit(){
$.ajax({
键入:“获取”,
URL:“/api/Akontas/”,
数据:{id:$('#AkontasId').val()},
数据类型:“json”,
成功:功能(结果){
警报(“Odlicno”)
},
错误:函数(){
警报(“Ne postoji Akoto pod tim rednim brojem”);
}
});
}
经过几个小时的调试和搜索,我发现我忘了把
window.location.href = "http://localhost:57285/api/Akontas/" + $('#AkontasId').val();
若数据库中存在项,则此位置应重定向
URL调用也需要修改
URL: "/api/Akontas/GetAKONTA",
function aKontoSubmit() {
$.ajax({
type: "GET",
URL: "/api/Akontas/GetAKONTA",
data: { id: $('#AkontasId').val() },
contentType: "data/xml; charset=utf-8",
success: function (result) {
window.location.href = "http://localhost:57285/api/Akontas/" + $('#AkontasId').val();
},
error: function () {
alert("Ne postoji AKONTO pod tim rednim brojem");
}
});
}
嗯,它似乎没有击中控制器:/同样的错误,然后试着把
放在方法的“标题”上你有[ResponseType(typeof(AKONTA))]
的同一个地方,让我们看看它是否击中控制器顶部,再次出现同样的问题。@Néstor Carreño Gimeno感谢兄弟的帮助,我解决了问题:)很高兴你做到了!我刚读了你的答案,继续努力!