Laravel - AJAX POSTチェックボックスの配列の選択

Question

私は修正しようとしているAJAX Postを持っていますが、入力に多数のチェックボックスが付いています。 I「は、今

<script> 
$('.modal-footer').on('click', '.sendNotificationNow', function() { 
    $.ajax({ 
     type:'POST', 
     url: '/shipments/sendNotifications', 
     data: { 
      'billTo': $('.billToEmail:checked').val(), 
      'shipTo': $('.shipToEmail:checked').val(), 
      'shipFrom': $('.shipFromEmail:checked').val(), 
      '_token': $('input[name=_token]').val(), 
     }, 
     success: function(data) { 
      $('.errorTitle').addClass('hidden'); 
      $('.errorContent').addClass('hidden'); 

      if ((data.errors)) { 
       setTimeout(function() { 
        $('#sentNotifications').modal('show'); 
        toastr.error('Validation error - Check your inputs!', 'Error Alert', {timeOut: 5000}); 
       }, 500); 

       if (data.errors.title) { 
        $('.errorTitle').removeClass('hidden'); 
        $('.errorTitle').text(data.errors.title); 
       } 

       if (data.errors.content) { 
        $('.errorContent').removeClass('hidden'); 
        $('.errorContent').text(data.errors.content); 
       } 
      } else { 
       toastr.success('Successfully Sent Notifications!', 'Success Alert', {timeOut: 5000}); 
       $('div.notificationssent').fadeOut(); 
       $('div.notificationssent').load(url, function() { 
        $('div.notificationssent').fadeIn(); 
       }); 
      } 
     }, 
    }); 
}); 
</script> 

：

<input type="checkbox" name="billToEmail[]" value="email1@email.com">email1@email.com 
<input type="checkbox" name="billToEmail[]" value="email2@email.com">email2@email.com 

そして、私は次のスクリプトを起動し、 "通知の送信" というボタンを、しました：現時点では

は、私がこれをしたと言います私の問題がトップの近くに現れていることを確かめてください。そこでは、複数の値をデータ変数に "翻訳"しようとしています。 .val（）のほかに何かを置くべきでしょうか？

複数のチェックボックスを使って作業する必要があるようなフィールドがもう少しありますが、billToEmailだけでも役立つ場合は、残りの部分を修正できます。

Answer 1

まず、[]記号は必要ありません。だから、あなたのチェックボックスのHTMLは次のようになります。

<input type="checkbox" name="billToEmail" value="email1@email.com">email1@email.com 
<input type="checkbox" name="billToEmail" value="email2@email.com">email2@email.com 

第二に、あなたはforeachのを使用してjavascript配列変数にチェックボックスで選択した値をプッシュする必要があります。

var billToEmail= []; 

$("input:checkbox[name=billToEmail]:checked").each(function(){ 
    billToEmail.push($(this).val()); 
}); 

第三に、あなたはにjavascript配列に変換する必要があります文字列はJSON.stringify()です。

billToEmails= JSON.stringify(billToEmail); 

その後、billToEmails変数をAJAXのデータに渡します。だから、それは次のようになります。

var dataString = "billTo="+billToEmails+"&shipTo="+$('.shipToEmail:checked').val()+"&shipFrom="+$('.shipFromEmail:checked').val()+"&_token="$('input[name=_token]').val(); 
$.ajax({ 
     type:'POST', 
     url: '/shipments/sendNotifications', 
     data: dataString, 

PHPのために、配列を取得することができ、あなたが最初にあなたのコントローラでjson_decodeを使用してbillToEmails文字列をデコードする必要があります。

$variable = json_decode($request->billTo,true); 

Answer 2

this-

billtoemail = $('input[name='billToEmail[]']:checked").map(function() { 
     return this.value; 
    }).get(); 

または

billtoemail= new Array(); 
$("input[name='billToEmail[]']").each(function(){ 
    billtoemail.push(this.value); 
}); 

をお試しください今すぐあなたのAJAX内の他の変数のように、この変数billtoemailを送ります。あなたのコントローラでは、すべての値を簡単に得ることができます。foreach($request->billTo as $billtoemail)