MVC Ajax 調用 Controller 方法與參數連接但參數值為 null

Question

我能夠將我的 ajax 調用連接到 controller，但是當它到達 Z594C103C103F2F0C1AZ 時，參數顯示為 null。 我通過此調用傳遞參數的正確方法是什么？ '''

  //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

使用 ajax 的data選項。 您可以通過 ajax 中的數據選項將數據 object 發送到服務器。

例子 -

 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

請在 controller 操作中檢查此綁定下拉值

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')}
        })
}  

鑒於調用此 function 時需要傳遞此參數。

像例如

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