用于ajax调用的ASP.NET控制器方法

Question

I have a page with a multiselect list of strings. When I select multiple items and hit apply I want to make an ajax call and pass in the values. When I debug the method in the controller the parameter is empty.

HomeController

[HttpGet]
public string GetTopLogEvents(string[] filters)
{
    // ........
    return "";
}

scripts.js

$('.js-event-level-filter-apply').on('click', function() {
    var $this = $(this);
    var $filterList = $('.js-event-level-filter');
    var filters = $filterList.val();

    var obj = {
        filters: []
    };

    $.each(filters, function(key, value) {
        obj.filters.push(value);
    });

    $.ajax({
        type: "GET",
        url: '/Home/GetTopLogEvents',
        data: obj.filters,
        success: function(data) {
            console.log(data);
        }
    });
});

If I put a breakpoint in the controller it hits, but filters is empty. What am I doing wrong?

Answer 1

It could be that you need to "stringify" your array.

I would firstly change the ajax data section to look like this:

data: {filters: obj.filters}

If that doesn't work, I'd try

data: {filters: stringify(obj.filters)} 

The exact syntax of the latter might be incorrect so please check that.

Answer 2

Can you open up your browser, hit F12, and put a breakpoint directly on the $.ajax line (in the file in sources tab). Then, run that method. When the thread stops on the breakpoint, can you then open up the console tab, and type "obj.filters" and press enter.

Does it say "undefined"?

Looking at your code, it "shouldn't" be undefined, but that would certainly be a good start.

Also, stringifying (JSON.stringify())the information you send in, and then doing JObject calls (c#) to turn it back into an object array might work.