javascript - ajaxのjqueryでシリアル化されたパラメータ

Question

$.ajax 送信のパラメーターを準備するのに助けが必要です。

複数の html 入力のペア (i ペア) があります。

> <input type="hidden" value="31" name="product_id"> <input
> type="hidden" value="3" name="quantity">
> 
> <input type="hidden" value="34" name="product_id"> <input
> type="hidden" value="1" name="quantity">

この jquery コードを使用する場合:

   function send(){      

   var parameter1 =$("input[name$='product_id']").serialize();
   var parameter2 = $("input[name$='quantity']").serialize();

  $.ajax({
   type: "POST",
   url: 'index.php?route=checkout/cart/add', 
   data: parameter1+'&'+parameter2  
  });
};

次のようなパラメーターを送信します。

product_id=31&product_id=30&quantity=2&quantity=2

次のようなパラメーターを渡す方法：

product_id=31&quantity=2&product_id=30&quantity=2

ありがとう

Answer 1

次の変更を行います

htmlで

<form id="frm">
<input type="hidden" value="31" name="product_id[]">
<input type="hidden" value="3" name="quantity[]">
<input type="hidden" value="34" name="product_id[]">
<input type="hidden" value="1" name="quantity[]">
</form>

jsで

function send(){      

$.ajax({
 type: "POST",
 url: 'index.php?route=checkout/cart/add', 
  data: jQuery('#frm').serialize()  
 });
};

グローバル $_POST で値を取得します

Answer 2

それらをhtmlと同じ順序で解析したい場合は、そうします

data = '';
$('input[type="hidden"]').each(function(){
    data += '&' + $(this).attr('name') + '=' + $(this).attr('value');'
});