Проводка формы внутри диалога с сервером с помощью JQuery

Question

Допустим, у меня есть эта форму внутри диалога

<div id = "add-users"> 
    <form> 
     <input type="checkbox" value="1">Jim<br> 
     <input type="checkbox" value="2">Will 
     <input type="submit" value="Add"> 
    </form> 
</div> 

При нажатии кнопки передачи, можно размещать форму с помощью Ajax? Я не хочу, чтобы вся страница публиковалась, просто диалог.

Спасибо за помощь

Answer 1

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

<input type="submit" id="ajaxSubmit" value="Add"> 

Сейчас в JavaScript, прослушивайте отправить кнопку мыши и получить форму и сериализовать его и отправить его в метод действия.

$(function(){ 

    $("#ajaxSubmit").click(function(e){ 
     var _this=$(this); 
     e.preventDefault(); 
     var _form=_this.closest("form"); 
     $.post("@Url.Action("Create","User")",_form.seriazlize(),function(result){ 
      //do something with the result 
     }); 
    }); 

}); 

Предполагая, что ваш параметр метода действия хорош для получения сериализованной формы.

Answer 2

Вы можете Сериализовать свою форму и отправить ее на контроллер с помощью AJAX.

Просмотр файлов **

$("button").on("click", function() { 
var myform = $('form'); 
var fd = myform.serialize(); 
$.ajax({ type: 'POST', 
     url: '@Url.Content("~/Controller/Action")', 
     data: fd });