MVC Ajax вызов метода Controller с параметром подключается, но значение параметра равно нулю

Question

Я могу подключить мой ajax вызов к контроллеру, но параметр показывает как ноль, когда он достигает контроллера. Как правильно передать параметры с помощью этого вызова? '' '

  //In the Index Controller
  [HttpGet]
    public IActionResult TestFunction(string par1)
    {
        int i = 2;
        return view()
    } 

    function onDropDownChange() {
    alert('We are starting to call function');

    var url = '/Index/TestFunction/Cat'
    $.ajax({
        url: url,
        data: {},
        type: 'GET',
        datatype: 'json',
        success: function (data) { alert('Successful call') },
        error: function () {alert('Failed Call')}
        })
}  

   '''

Answer 1

Используйте data параметр ajax. Вы можете отправить объект данных на сервер с помощью параметра данных в ajax.

Пример -

 function onDropDownChange() {

    var url = '/Index/TestFunction/Cat'
    $.ajax({
        url: url,
        data: {par1: "Some value"},//pass your obect
        type: 'GET',
        datatype: 'json',
        success: function (data) { alert('Successful call') },
        error: function () {alert('Failed Call')}
        })
}  

Answer 2

Проверьте это раскрывающееся значение привязки в действии контроллера

function onDropDownChange(elem) {
    alert('We are starting to call function');

    var url = '/Index/TestFunction/Cat'
    $.ajax({
        url: url,
        data: {par1:$(elem).val()},
        type: 'GET',
        datatype: 'json',
        success: function (data) { alert('Successful call') },
        error: function () {alert('Failed Call')}
        })
}  

В связи с этим необходимо передать этот аргумент при вызове этой функции.

Как, например,

<select onchange="onDropDownChange(this)">
///<option> tag
</select>