Ajax将Null发送到.net核心MVC控制器，不确定原因

Question

I am very new to Ajax and for me it's something I can't get my head around (well jQuery in general to be honest).

I am trying to pass an object containing two string arrays, one of search parameters, another of search values.

The issue, is that when i press the submit button, the Ajax call hits the MVC controller but the Model in the Controller returns Null in both arrays.

The Ajax call:

    function onActivation() {
    var send = { queryParameters: queryParameters, queryValues: queryValues };
    $.ajax({
        url: '@Url.Action("Index", "SearchResults")',
        type: "POST",
        contentType: "application/json; charset=utf-8;",
        data: JSON.stringify({ advancedSearch: send }),
        success: function (response) {
            response ? alert("It worked!") : alert("It didn't work.");
        }
    });
}

The Model:

public class AdvancedSearch
    {
        public string[] queryParameters { get; set; }
        public string[] queryValues { get; set; }
    }

The first line of the controller where things go wrong:

public async Task<IActionResult> Index(AdvancedSearch advancedSearch)

Answer 1

For this to work you need to submit the Ajax with just data: send . For the model data binding to happen you can try to add another parameter in Ajax which is traditional: true as suggested in Send array via Ajax and bind to List<string> on MVC 4