如何在Framework7模式下将PHP传递到Javascript中？

Question

我正在制作公司电话目录，很难将用户的电话号码传递到模式中，以便他们可以使用tel：和mms：进行呼叫或发短信。 这就是我所拥有的，而且肯定无法正常工作。

的PHP

<div class="list-block">   
<ul>
<?php
  $result2 = mysql_query("SELECT * FROM users WHERE terminationDate = '0000-00-00' ORDER BY `firstName`") or die("Query 2 Failed: $result2");
  while ($row2 = mysql_fetch_array($result2))
  {   
    echo "
        <li>
          <a href='?cellPhone=".$row2['cellPhone']."' class='open-3-modal item-link item-content'>
            <div class=\"item-media\"><img height=\"30px\" width=\"30px\" src=\"/photos/".$row2['firstName']."_".$row2['lastName'].".jpg\"></div>
            <div class='item-inner'>
              <div class='item-title'><strong>".$row2['firstName']."</strong> ".$row2['lastName']."</div>
            </div>
          </a>
        </li>
      ";
  }
?>
</ul>

js

    <script>$$('.open-3-modal').on('click', function () {
    myApp.modal({
    title:  'Call or Text',
    text: '',
    buttons: [
      {
        text: '<?php $result2 = mysql_query("SELECT * FROM users WHERE terminationDate = '0000-00-00' AND cellPhone = '".$_GET['cellPhone']."'") or die("Query 2 Failed: $result2");
              while ($row2 = mysql_fetch_array($result2))
              { echo '<a href="tel:'.$row2['cellPhone'].'" class="tab-link">Call</a>'; } ?>',
      },
      {
        text: '<a href="#" class="tab-link">Text</a>',
      },
      {
        text: 'Cancel',
        bold: true,
        close: function() {
          myApp.alert('Canceled')
        }
      },
     ]
   })
 });

您可能会说，我对JS感到非常生锈。 将信息传递给jQuery的最佳方法是什么？

Answer 1

PHP无法以这种方式工作，因为它是在服务器到达浏览器之前由服务器进行处理的。 如果在客户端将其添加，它将不会执行任何操作。

我要做的是创建一个单独的PHP文件，该文件可以执行您想要的操作-创建所需的标记并将其发送到浏览器。 然后通过AJAX将该页面的内容加载到模式中。 有很多方法可以做到这一点。 这是一个快速的（未经测试的）示例：

    var newText;

    $.ajax({
      url: "your-file.php",
    }).done(function(html) {
        newText = html;
    });

   $$('.open-3-modal').on('click', function () {
        myApp.modal({
        title:  'Call or Text',
        text: '',
        buttons: [
          {
            text:  newText;
          },

     // etc. etc.