Ajax GET发送空数据

Question

I'm trying to get data based on what a user has selected in a drop down menu. I'm able to nab the selected value, but when I pass it to the controller in MVC 5, the data is null. Any ideas?

jQuery

LoadData($("#Dropdown").val());
function LoadData(selectedID) {
    console.log(selectedID); //displays the right ID that was selected
    $.ajax({
        url: '@Url.Action("GetData")',
        type: "GET", 
        dataType: "json", 
        contentType: 'application/json; charset=utf-8',
        data: { selectedID: selectedID}, 
        success: function (data) {...} 
        ...
    });
};

C#

public ActionResult GetData(string selectedID) 
{
    // Get data here
    return Json(results, JsonRequestBehavior. AllowGet);
} 

Answer 1

I have the following workaround for this since I don't know why it's passing a null value to the MVC method, when that console.log() value is displaying a non-null value. It works. It's not pretty, but it works.

I replaced the URL in the Ajax call with:

url: '@Url.Action("GetData")?selectedID=' + selectedID