PHP脚本通过网页上的javascript输出

时间:2017-04-20 21:18:07

标签: php jquery html ajax powershell

我正在尝试使用导航栏菜单和子菜单构建一个网页,单击它在index.html中运行一个函数并调用一个调用php脚本的ajax函数。 php脚本又调用一个调用PowerShell脚本的Windows批处理文件。

我试图设计它,以便在我点击子菜单项后,ajax函数调用php脚本并运行powershell脚本。在点击子菜单项以显示忙/加载或处理请求后,我还想从网页获得某种反馈,然后在完成处理后跟随php脚本的结果。所有这一切,我仍然打开导航栏,顶部的子菜单完好无损。

我的问题是,

  1. 我收到一个弹出警告窗口,我认为这是因为我的t1()ajax函数中的警报(结果)。如何将其设为网页显示?
  2. 2.我没有从最终调用powershell脚本的php脚本获得任何输出。

    任何帮助表示赞赏!

    我的index.html位于

    之下
    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
    .dropdown-submenu {
    position: relative;
    }
    
    .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    }
    @media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    }
    }
    ul.nav li.dropdown-submenu:hover > ul.dropdown-menu {
    display: block;
    }
    </style>
    </head>
    <body>
    
    <div class="navbar navbar-inverse ">
    <div class="container-fluid">
    
    
            <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">VMware VC Reports</a>
            </div>
    
                    <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav">
        <li class="dropdown"><a class="dropdown" data-toggle="dropdown" href="#">Vcenters<span class=caret></span></a>
    
            <ul class="dropdown-menu">
    
        <li class="dropdown-submenu">
            <a class="test" tabindex="-1" href="#">San Jose Vcenter<span class="caret"></span></a>
            <ul class="dropdown-menu">
            <li><a tabindex="-1" onclick="t1()">ESX Info</a></li>
            </li>
            </ul>
    
            </li>
            </ul>
        </ul>
                    </div>
    </div>
    </div>
    
    <script>
    $(document).ready(function(){
    $('.dropdown-submenu a.test').on("click", function(e){
    $(this).next('ul').toggle();
    e.stopPropagation();
    e.preventDefault();
    });
    });
    </script>
    
    <script>
    function t1 () {
      $.ajax({
        url:"t1.php",
        type: "POST",
        success:function(result){
         alert(result);
       }
     });
    }
    </script>
    </body> 
    </html>
    

    我的t1.php在下面。

     <?php
     echo "Loading...";
     system("t1.bat");
     echo '<meta http-equiv="refresh" content="1; URL=t1.html" />';
     exit;
     ?>
    

    我的t1.html如下。它几乎包含了所有index.html,而这部分则添加在底部

    ti.html

    <script type="text/javascript">
    <!--
    var iframe = document.createElement("iframe");
    iframe.src = "t1.txt";
    iframe.width = "20000";
    iframe.height = "20000";
    iframe.frameBorder = "0";
    iframe.scrolling = "no";
    document.body.appendChild(iframe);
    //-->
    </script>
    

1 个答案:

答案 0 :(得分:1)

而不是警告来自php的php将其附加到html div。

success:function(result){
$('#anydiv').html(result); 
}

请解释一下:&#34;我没有从最终调用powershell脚本的php脚本中获得任何输出。&#34;