Question

私はjqueryのAJAXを使用してフォームを送信したい

<form name="" method='post' action=''> 
<?php 
for($i=0;$i<10;$i++){ 
echo "<input type='text' name='data[]' class='data_cls' value='".$i."'>"; 
} 
?> 
<input type='submit' id='btn' value='save'> 

すなわち、ループから生成された入力フィールドを持つフォームを持っています。

$('.btn').click(function(){ 

      var datString = "HOW TO GET THESE VALUES"; 

      $.ajax({ 
      url: "data_process.php", 
      type: "post", 
      data: dataString, 
      success: function(data) { 
       alert('OK'); 
      } 
     }); 

    }); 

Answer 1

.serialize() jQueryメソッドを使用すると、フォームデータを取得できます。このように、

$('.btn').click(function(){ 

      var dataString = $('#FORM_ID').serialize(); 
      //replace FORM_ID with the ID of the form. 

      $.ajax({ 
      url: "data_process.php", 
      type: "post", 
      data: dataString, 
      success: function(data) { 
       alert('OK'); 
      } 
     }); 

    }); 

Answer 2

はこれを試してみてください：

var datString = ""; 

$(".data_cls") 
     .map(function() { 
      datString += $(this).val(); 
     }) 
     .get(); 

Answer 3

は、私はあなたがいない場合は、データのAjaxのポストに

$('.btn').click(function(){ 

      var datString = "'HOW TO GET THESE VALUES'"; 

      $.ajax({ 
      url: "data_process.php", 
      type: "post", 
      data: "'USERPARAMETR' : " dataString, 
      success: function(data) { 
       alert('OK'); 
      } 
     }); 

    }); 

をパラメータをバインドするのを忘れたと思う

var Data = {}; 
$('input[name=data]').each(function(i) { 
    Data[i] = $(this).val(); 
}); 

Answer 4

をお試しくださいdata_process.phpページのパラメータを使用してください。それを使用してください。

フォームにIDやクラスすなわちフォーム次に

<form name="" method='post' action='' id='form'>... 

あなたは一般的なSerializeメソッド

<script type="text/javascript"> 
$(document).on("click", ".btn", function(e) { 
e.preventDefault(); 
var datastring = $("#form").serialize(); 

{ 
     $.ajax({ 
     url: "data_process.php", 
     type: "post", 
     data: dataString, 
... 

を使用してからのすべての入力をキャプチャすることを与え更新し

Answer 5

まずご確認くださいPHPページでは、投稿されたデータを受け取ります

$values = $_POST['data']; 

$N = count($values); 

for($i=0; $i < $N; $i++) 
{ 

    $currentvalue = $values[$i]; 
    //now this value will loop and you will do with it the way you want to 
    //For example 
    $save = mysqli_query($link, "UPDATE table SET `column` = '$currentvalue' WHERE ...") or die(mysqli_error($link)); 

}