JS从文本框中获取文本，传递给asp.net mvc ActionResult，但ActionResult参数显示为null

Question

JS grabbing text from text-boxes, passing to asp.net mvc ActionResult but ActionResult parameters appear null

I have 2 textboxes which are filled by 2 datepickers upon the user's selection but although the information grabs correctly from the textboxes when I use the below javascript to pass it to the actionresult. The parameters of the actionresult show to be null.

How do I fix?

Code:

@Html.Label("Start", "Start Date:")
@Html.TextBox("Start", string.Empty, new {@id = "Start", @class = "datepicker"})
@Html.Label("endd", "End Date:")
@Html.TextBox("endd", string.Empty, new {@id = "End", @class = "datepicker"})
<input type="submit" value="Apply" id ="DateSelected" />


<script type="text/javascript">
  $('.datepicker').datepicker();
$("#DateSelected").click(function () {
        var startD = $('#Start').val().toString();
        var endD = $('#End').val().toString();
                $.ajax({
                url: '/Docs/FirstDoc',
                type: "Post",
                data: { start: String.valueOf(startD), end: String.valueOf(endD) },
            });
</script>

Action Result:

    [HttpPost]
    public ActionResult FirstDoc(string start, string end)
    {
        FirstDocModel firstDocModel = FirstDocHelper.RunFunction(start, end);
        return PartialView(firstDocModel);
    }

Answer 1

Here's what I was saying - but first of all I too personally find the ajax to MVC controller binding painful sometimes. It's flexible, but if anything at all is out of place, you just get nulls - as you know. Anyway...

[HttpPost]
    public ActionResult FirstDoc(MyObject inputObj)
    {
       //use inputObj here as needed
    }

Then, you need a definition for the MyObject - to keep it simple

public class MyObject{
    string start {get;set;}
    string end {get;set;}
}

If all your ducks are in a row, including your options on the ajax side of course, your object 'should' bind.

Answer 2

The way you are passing the data would work for type: 'get' but not for post . Try this:

data: JSON.stringify({ start: startD, end: endD }),