Получите ответ после отправки формы?

Question

У меня есть форма, что я определил с HTML код ниже:

<form id="addUser" method="post" action=@Url.RouteUrl("DefaultApi", new {controller = "User", action = "Add", httproute = "true"})> 

У меня также есть кнопка отправки:

<input type="submit" class="btn btn-primary" value="Add user" /> 

При нажатии на кнопку браузера перейти к апи URL, но я просто палочка получить значение от api и пропустить его в href на странице.

Как я могу это сделать?

Answer 1

сперва удалить теги формы и тип = представить в элемент ввода. Затем в JavaScript

$(button).click(function(){ 
$.ajax({ 
    type:'POST', 
    url:/api/User/Add or /User/Add 
    success: function(declare parameter that will contain value returned by api) 
    { 
    // update your href here using the above parameter 
    } 
}); 
}); 

Надеется, что это помогает ...

Answer 2

Дополнения к Daniyals ответа, чтобы передать входные значения:

data={}; 
$("input").each(function(elem){ 
data[elem.name]=elem.value; 
}); 

Затем сделать АЯКС вызова со следующей строкой:

data:data, 

Answer 3

В соответствии с информацией, предоставленной вами по вопросу, я предполагаю, что конечная точка вашего веб-API принимает формировать данные и возвращать новый URL-адрес, на который должна перенаправляться ваша страница.

Вы можете использовать jQuery, чтобы захватить событие отправки формы, отправить данные с помощью ajax, и как только вы получите ответ от своего веб-ави (новый url), используйте это, чтобы установить новое значение location.href, чтобы браузер выдаст новый запрос GET.

Вы должны следить за тем, чтобы вы не допускали нормального поведения представления формы. Вы можете использовать метод jQuery preventDefault для этого.

$(function(){ 
    $("[type='submit']").click(function(e){ 
    e.preventDefault(); 
    var _formUrl=$(this).attr("action"); 
    //make the ajax call now. 
    //Build an object which matches the structure of our view model class 
    var model = { Name: "Shyju", Id: 123 }; 
    //update the above line with data read from your form. 
    $.ajax({ 
     type: "POST", 
     data: JSON.stringify(model), 
     url: _formUrl, 
     contentType: "application/json" 
    }).done(function(res) {  
     console.log('res', res); 
     // Do something with the result :) 
     window.location.href=res; 
    }); 

    }); 

}); 

Также обратите внимание на How to pass json POST data to Web API method as object