ASP.Net MVC Передача формы Ajax через JQuery

Question

У меня есть форма Ajax, которая обновляет div при отправке с помощью кнопки отправки, это прекрасно работает. Однако я хочу удалить кнопку отправки и автоматически отправить форму, когда пользователь меняет выбор в выпадающем списке.

Я написал следующее JQuery для этого в случае изменения выпадающего

$("#SummaryFilterForm").submit(); 

Проблемы с этим в том, что это не приводит к срабатыванию onSubmit события формы заставляя оказывать частичным оказывать на новую страницу и а не в div в текущем окне.

Как я могу отправить JQuery форму и вызвать событие onsubmit?

Благодаря

Answer 1

Как вы отправите запрос Ajax? Если вы используете $ .ajax вы можете использовать это:

function connectDropdown() { 

    $("select#drpFilter").unbind('change').change(function() { 

     $.ajax({ 
     type: "POST", 
     url: "/YourController/YourAction", 
     data: { 
      YourParameter: someValue, 

     }, 
     dataType: "json", 
     success: function(result) { 
      alert('works like a charm'); 
      //update div here 
     } 
     }); 
    }); 
    } 

Answer 2

<form name="SummaryFilterForm" id="SummaryFilterForm" onsubmit="connectDropDown(this); return false;"> 

Вы можете заменить «connectDropDown()» с тем, что функция, которую вы хотите позвонить и передать свою форму в него, так что вы можете получить ваши ценности.