如何将jquery数组发送到php


How to send jquery array to php?

我在发送jquery数组到php时遇到问题?首先,我在 html 中有 1 个表单,我单击添加,我现在有 2 个表单。接下来,Im 以形式将数据输入到 jquery 数组中,然后从 jquery 数组中输入我无法发布到 php 数组变量。如何解决这个问题?请帮我师傅,谢谢

<?php
        $pertama = json_decode($_POST['pertama']); //can not work
        $kedua = json_decode($_POST['kedua']);
        foreach($pertama as $k=>$val)
        {
            $date = $val;
            $work =$kedua[$k];
        }
        echo $pertama;
?>
<!doctype html>
<html>
<head>
    <title> test </title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>

<body>
    <div>
        <div>
            <form>
                <div class="inputs">
                <div>
                <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>
                <input type="text" name="nama[]" class="pertama"/></div>
                <input type="text" name="lahir[]" class="kedua"/></div>
                </div>
                <input name="submit" type="button" class="submit" value="Submit" />
            </form>
        </div>
    </div>
    <div class="field_wrapper">
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            var i = $('input').size();
            $('#add').click(function() {
                $('<div><input type="text" class="pertama" name="nama[]" required/><input type="text" class="kedua" name="lahir[]" /></div>').fadeIn('slow').appendTo('.inputs');
                i++;
            });
            $('#remove').click(function() {
                if(i > 0) {
                    $('.pertama:last,.kedua:last').remove();
                    i--;
                }
            });
            $('#reset').click(function() {
                while(i > 2) {
                    $('.pertama:last,.kedua:last').remove();
                    i--;
                }
            });
            // here's our click function for when the forms submitted
            $('.submit').click(function(){
                var arraysatu = [];
                var arraydua = [];
                $.each($('.pertama'), function() {
                    arraysatu.push($(this).val());
                });
                $.each($('.kedua'), function() {
                    arraydua.push($(this).val());
                });
                $.post('test2.php', { arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua), function(data) { 
                    alert(data);
                });
            });
        });
        </script>
</body>
</html>

您忘记在 post 方法中关闭括号,我假设最后一个函数是您的回调,在此之前的所有内容都是您的数据。

<?php
        $pertama = json_decode($_POST['pertama']); //can not work
        $kedua = json_decode($_POST['kedua']);
        foreach($pertama as $k=>$val)
        {
            $date = $val;
            $work =$kedua[$k];
        }
        echo $pertama;
?>
<!doctype html>
<html>
<head>
    <title> test </title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
    <div>
        <div>
            <form>
                <div class="inputs">
                <div>
                <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>
                <input type="text" name="nama[]" class="pertama"/></div>
                <input type="text" name="lahir[]" class="kedua"/></div>
                </div>
                <input name="submit" type="button" class="submit" value="Submit" />
            </form>
        </div>
    </div>
    <div class="field_wrapper">
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            var i = $('input').size();
            $('#add').click(function() {
                $('<div><input type="text" class="pertama" name="nama[]" required/><input type="text" class="kedua" name="lahir[]" /></div>').fadeIn('slow').appendTo('.inputs');
                i++;
            });
            $('#remove').click(function() {
                if(i > 0) {
                    $('.pertama:last,.kedua:last').remove();
                    i--;
                }
            });
            $('#reset').click(function() {
                while(i > 2) {
                    $('.pertama:last,.kedua:last').remove();
                    i--;
                }
            });
            // here's our click function for when the forms submitted
            $('.submit').click(function(){
                var arraysatu = [];
                var arraydua = [];
                $.each($('.pertama'), function() {
                    arraysatu.push($(this).val());
                });
                $.each($('.kedua'), function() {
                    arraydua.push($(this).val());
                });
                $.post('test2.php', { arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua)}, function(data) { 
                    alert(data);
                });
            });
        });
        </script>
</body>
</html>

右括号:

{ arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua) } <====

发现差异:

$pertama = json_decode($_POST['pertama']); //can not work
                               ^^^^^^^
$kedua = json_decode($_POST['kedua']);
                             ^^^^^
$.post('test2.php', { arraysatu: JSON.stringify(arraysatu), arraydua: JSON.stringify(arraydua), function(data) {
                       ^^^^^^^^                             ^^^^^^^^

请注意名称差异。

在 $.post 的示例部分中,您可以看到如何将数组发送到服务器。您是否尝试过:

$.post('test2.php', 
       {"arraysatu[]": arraysatu, 
        "arraydua[]": arraydua}, 
        function(data) { 
                alert(data);
            });