ajaxでもう1つパラメータを渡すには？

Question

$.ajax({ 
    type: 'POST', 
    url: '@Url.Action("SetDisplaySettings", "DisplaySettings")', 
    data:$('#Form1').serialize(), 
    success: function (result) { 
     $('#chkIsSystemDefault').prop('checked', false); 
     if(result=="2"){ 
      showAlertBox("Display Settings updated."); 
     } 
    } 
}); 

もう1つのパラメータCountryIdを渡す必要があります。これどうやってするの？

data:$('#Form1').serialize()+ '&CountryId=' + CountryId, 

それとも - ：

$.ajax({ 
     type: 'POST', 
     url: '@Url.Action("SetDisplaySettings", "DisplaySettings")', 
     data:{ 
      form : $('#Form1').serialize(), 
      other : ... 
     }, 
     success: function (result) { 
      $('#chkIsSystemDefault').prop('checked', false); 
      if(result=="2") 
      { 
       showAlertBox("Display Settings updated."); 
      } 
     } 
    }); 

Answer 1

は、あなたの現在のコードで以下のようにそれを実行してください（シリアル化形式自体にデータを追加します）：

Answer 2

あなたはそうのようなあなたのデータとしてobjectを渡すことができます使用できるserializeArray^[docs]

var data = $('#myForm').serializeArray(); 
data.push({name: 'CountryId', value: CountryId}); 

Answer 3

ここではどのようにしてあなたができる、サーバー側で

var paramsToSend = {}; 
paramsToSend['form'] = $('#myForm').serializeArray(); 
paramsToSend['CountryId'] = CountryId; 

$.ajax({ 
    ... 
    data: {params:JSON.stringify(paramsToSend)}, 
    ... 
}); 

、PHPことがあります：AJAX要求で複数のパラメータを渡す

$parameters = json_decode($_POST['params']); 

配列に変換し、することができます、$ _POSTにその配列を持っているために：FormData on MDN：

$_POST = (array) $parameters; 

Answer 4

代わり$(...).serialize()のあなたはFormDataオブジェクトを使用することができます。 そのような何か：

var data = new FormData(document.getElementById("#myForm")); 
data.append("CountryId", countryIdValue); 
//... in AJAX block: 
data: data, 
//...