Question

我有一个条件，我必须将复选框的不同值发布到 page2.php ，并在同一页面上显示该值。我该怎么办？

第1页：

<form method="post" action="">
<input name="date1" type="checkbox" value="" id="1" />
<input name="date2" type="checkbox" value=""  id="2"/>
</form>

$.ajax({
        type: 'POST',
        url: 'page2.php',
        data: data,   
        success:function(html){

        }
    });

第2页：

<?php
    $date1 = POST_['date1'];
    $date2 = POST_['date2'];

    echo  $date1;
    echo  $date2;
?>

Answer 1

我猜第二个“Page1”实际上是Page2

你有错误，应该是$ _POST ['date1']。如评论所述，您可以先检查它是否设置为：

if (isset($_POST['date1']))

在你的Page1中，让我们添加一个像

这样的容器

<div id="result"></div>

然后在<script></script>内：

$(function(){
    $('input').click(function() {
        $.ajax({
            type: 'POST',
            url: 'PAGE.php',
            data: $('form').serialize(),   
            success:function(html){
               $('#result').html(html);
            }
        });
    });
});

这会将page2.php中的返回结果设置为id为“result”的元素

编辑：这是一个JsFiddle：http://jsfiddle.net/rF4qg/

在您评论的那个中，关闭括号有一些错误。看到我在复选框中添加了一个名称，并且通过序列化表单形成了发送的数据。

Answer 2

page.php文件

<?php
    $date['date1'] = $_post['date1'];
    $date['date2'] = $_post['date2'];

    echo  $date
?>

另一页

<form method="post" action="">
<input name="date1" type="checkbox" value="" id="1" />
<input name="date2" type="checkbox" value=""  id="2"/>
</form>

$.ajax({
        type: 'POST',
        url: 'page2.php',
        data: data,   
        success:function(html){
                alert(html[0]);
                alert(html[1]);
        }
    });

注意：警报（HTML [0]）;

警报（HTML [1]）;

你可以将这些值放在任何地方

从页面获取数据并在同一页面上显示而不刷新

2 个答案: