将列表值传递给JQuqery Mobile中的另一个页面

时间:2015-06-03 06:58:44

标签: javascript php jquery mysql cordova

我有这个脚本,它从mysql数据库中检索数据,并在phonegap appjquery mobile的页面中显示结果。现在,我想要的是,如果用户点击结果,那么用户将被重定向到另一个页面,列表中有相应的选定项目。我的意思是所选项目值将被传递到新页面(检查第6页)。

以下是php脚本:

$res = mysqli_query($con, $sql);
$num = mysqli_num_rows($res);
if ($num==0)
  echo "<br>Keine Datensätze gefunden";
  echo '<ul data-role="listview" data-inset="true">';
  while ($dsatz = mysqli_fetch_assoc($res))
    echo '<li><div><h3>'
    .$dsatz["versicherungsnamen"] . "</h3>"
    .$dsatz["tarif-typ"] . "<p>Monatsprämie <b>CHF "
    .$dsatz["praemie"] . "</b></p><p><a href='#p6' data-icon='home' data-iconpos='top' data-transition='slide'>Offerte bestellen</a></p></div></li>";

  mysqli_close($con);
  echo '</ul>';

?>

将在此div中生成输出:

<div id="output"></div>

如果您需要javascript,可以参考下面的内容,它将表单中的值传递给php脚本并返回到服务器,并将结果返回到#output

<script type="text/javascript">
  $(document).ready(function() {   
    $("#myButton").click(function(){
      $("#krankenkasse").submit();
    });
    $("#krankenkasse").submit(function(event){
      event.preventDefault();
      $("#ajax-loader").css("display","block");
      $("#output").html("Loading Result...");
      $.ajax({
        url: 'http://app.lovanet.ch/app/db_eingabe.php',
        data: $(this).serialize(),
        method: 'POST',
        success: function(data, status){
          $("#ajax-loader").css("display","none");
          $("#output").html(data);
          // create mobile style listview
          $("#output").trigger("create");
        },
        error: function(){
          output.text('Keine Prämien gefunden.');
        }
      });
    });
  });
</script>

1 个答案:

答案 0 :(得分:0)

也许您可以尝试使用标准URL参数,因此在创建重定向的位置编辑字符串以包含使用您希望传递的数据的参数。

/nextpage.html?nameofyourdata=youractualdata

然后在接收页面上使用JavaScript查询URL参数,这里已经有很多问题了!