Публикация на контроллер с jQuery

Question

После прочтения некоторой информации я думал, что это должно сработать. Вызывается функция JS и анимация jQuery вращается, но действие не отправляется. Кроме того, я хочу, чтобы startDate и endDate были предоставлены из текстовых входов, но пока даже жестко закодированные не работают. Всем спасибо!

Контроллер:

public class NewsController : Controller 
{ 
    [HttpPost] 
    public ActionResult Search(string lang, string pageNumber, string startDate, string endDate, string search) 
    { 
    } 
} 

Вид:

@using (Html.BeginForm()) 
{ 
    <a href="#" id="go_button">...</a> 
} 
<script type="text/javascript"> 
$('#go_button').click(function() { 
     $.post("/News/Search", { startDate: 'start', endDate: 'end'}); 
}); 

Answer 1

Убедитесь, что скрипт либо находится после того, как якорь в DOM или завернуть в document.ready:

$(function() { 
    $('#go_button').click(function() { 
     var url = '@Url.Action("Search", "News")'; 
     $.post(url, { startDate: 'start', endDate: 'end' }, function() { 
      alert('success'); 
     }); 
     return false; 
    }); 
}); 

Это должно работать, по крайней мере, оно должно вызывать ваше действие. Что это действие делает, бросает ли это исключение или что-то другое дело, но, по крайней мере, вы должны войти в него и имеют параметры startDate и endDate правильно присвоенные:

public class NewsController : Controller 
{ 
    [HttpPost] 
    public ActionResult Search(string lang, string pageNumber, string startDate, string endDate, string search) 
    { 
     return Json(new { success = true }); 
    } 
} 

Answer 2

$ .post будет отправлять только запрос сервер - он автоматически не обновит вашу страницу с вашим видом.

Вам необходимо включить функцию успеха, которую вы затем используете для вставки представления в DOM.

например.

попробовать что-то подобное в JQuery

$(function() { 
    $('#go_button').click(function() { 
     var url = '@Url.Action("Search", "News")'; 
     $.post(url, { startDate: 'start', endDate: 'end' }, function() { 
      $('#result').html(data); 
     }); 
     return false; 
    }); 
}); 

Это вывесит к вашей акции и положить возвращаемый вид внутри элемента с идентификатором «результат».

Вы должны вернуть свое действие PartialView, если вы не планируете его включать.