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

我有一个条件，我必须发布复选框的不同值到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; 
?>

来源

2012-12-21 Creative Solution

...张贴到使page2.php和显示page1.php中的更新值。恐怕我有点困惑，第二页应该是第2页？ –

我的方案是发布数据到page2进一步的用法和在page1只是想显示用户选择，请参见链接http://s7.postimage.org/3zbf1ucwb/image.jpg,i想要这个，我通过jquery但与jQuery如何转移到第二页。给定的图像链接是页1 –

关于你的JSFiddle：你的输入需要名称（你可能想要设置它们的值为1） –

我猜第二个 “第一页”，实际上是第2页

有你有一个错误，它应该是$ _POST ['date1']。正如评论，你可以首先检查是否设置有：

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

，并在你第1页，让我们来添加一个容器像

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

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

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

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

来源

2012-12-21 13:04:24

我正在写我自己的答案，但这涉及到我提到的一些事情。您可能想要包含AJAX需要位于''标记内，并且设置'$ date1 = $ _POST ['date1'];'可能会导致通知错误（通过首先调用$ _POST上的isset（） ['date1']） –

这是正确的代码什么是写http://jsfiddle.net/2pmYm/ –

好编辑，巴勃罗。根据问题评论中显示的屏幕截图来判断，可能会有多个表单（这会抛弃AJAX），但根据目前提供的信息，这是一个非常好的解决方案。 –

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]）;

alert（html [1]）;

，你可以把这个数值的任何地方

来源

2012-12-21 13:07:12 softsdev

+0：虽然你有关于如何从page2.php获取数据的好主意，但你还是错过了错误的$ _POST ['date1']调用。另外，你需要一些方法来调用AJAX，或者通过onclick方法输入或者在表单 –

http://jsfiddle.net/2pmYm/上的onsubmit请看这个 –

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

回答

相关问题