张贴php表单jquery ajax - Post php form jquery ajax

Post php form jquery ajax

本文关键字：ajax jquery 表单 php 张贴 | 更新日期: 2023-09-27

我有一个从循环生成的带有输入字段的表单，即

<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'>

我想使用jqueryajax提交表单。

$('.btn').click(function(){
            var datString = "HOW TO GET THESE VALUES";
            $.ajax({
            url: "data_process.php",
            type: "post",
            data: dataString,
            success: function(data) {
                alert('OK');
            }
        }); 
    });

您可以使用.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');
            }
        }); 
    });

试试这个：

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

尝试

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

我想您已经忘记在数据ajax post 中绑定参数了

$('.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');
            }
        }); 
    });

如果您不使用data_process.php页面中的参数。请使用它。

请更新并检查

首先给表单一个ID或类，即表单

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

然后，您可以使用通用串行化方法从捕获所有输入

<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,
...

在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));
}