Когда я пытаюсь отправить данные на сервер, я не получаю ожидаемый результат

У меня есть функция Jquery, которая использует getJson. Я пытаюсь создать что-то вроде www.mysite.com/?state=oregon. Согласно Jquery («Данные, которые отправляются на сервер, добавляются к URL в виде строки запроса …»), но я получаю все значения в данных json. Что я делаю не так.

Вот мой код

function changeLine(line){

$('#table_lines').html('');


$.getJSON("../index.php", {, line}, function(data){
var line_data = '';
$.each(data, function(key, value){
line_data += '<tr id="' +value.line_id+'">';

line_data += '<td>' + otherValueTime(value.MatchTime)+'</td>';
line_data += '<td>' + value.home+'</td>';
line_data += '<td>' + value.away+'</td>';
for(i=0; i < value.Cases.length; i++){
console.log(value.Cases[i].CaseType + ' ' + value.Cases[i].CaseAway + ' ' + value.Cases[i].CaseHome);
if(value.Cases[i].CaseType === "Game"){
line_data += '<td>' + value.Cases[i].CaseAway +'</td>';
line_data += '<td>' + value.Cases[i].Total +'</td>';
line_data += '<td>' + value.Cases[i].Over +'</td>';
}


}


});
$('#table_lines').append(line_data);
});
}

В строке с этим кодом «{, line}» я попытался поместить значение ключа из массива json, например, {id: line}. То, что я хочу сделать, это получить группу дел в соответствии с ключом.

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

$( "select" )
.change(function () {
var str = "";
$( "select option:selected" ).each(function() {
str = $( this ).val();


$.ajax({
method: "POST",
url: "../index.php",
data: { 'id' : str }

})
});
changeLinea(str);
})
.change();