php - Jquery Onclick 将数据发送到新打开的窗口

Question

我知道这是一个常见问题，但我找不到任何答案。我有一个包含链接的 PHP 文件。当单击该链接时，我想在新窗口中打开另一个页面，并且在这个新打开的页面上我想获取上一页上单击的链接的 ID 属性。

Current page= 'patientreg.php'
Newpage to open in new window= 'patient_history.php'
Post data from current page to new loaded page.

当前页面代码:

HTML:

<a id="37" onclick="phistory(this.id);" href="#">View history</a>  

JavaScript:

function phistory(myVar) {  
    var myurl = '../main/patient_history.php';  
    $.post(myurl,{data:myVar},function(){});  
    window.open(myurl,'_blank');                
} 

新页面代码:

$phid = $_REQUEST["data"];  
echo phid;

问题是它没有回显下一页上的数据，但我可以在当前页面的 Firebug 响应选项卡中看到回显完整的新页面。

Answer 1

尝试一下，使用表单将数据发送到您的页面，并且您可以拥有更详细的 anchor 元素:

HTML:

<form id="myform" action="../main/patient_history.php" method="POST">
   <input type="hidden" name="data" id="data" />
</form> 


<a data-idref="37" class="see-history" href="#">View Histroy</a>

Javascript:

$(function() {

   $('.see-history').bind('click', function(event) {
      try { 
         window.open('about:blank', 'mynewwindow');   
         $('#myform').find('#data').val($(this).data('idref'));
         $('#myform').attr('target', 'mynewwindow').submit();
      } catch(e) {}

      return false;

   });

});

编辑

如果需要为每个故事打开一个新窗口，可以使用元素 id 的名称创建一个新窗口:

   $('.see-history').bind('click', function(event) {
      var id = $(this).data('idref');  
      try { 
         window.open('about:blank', 'mynewwindow_' + id);   
         $('#myform').find('#data').val(id);
         $('#myform').attr('target', 'mynewwindow_' + id).submit();
      } catch(e) {}

      return false;

   });