Question

我正在尝试将从远程服务器（bash脚本，简单ping）获得的响应输出到文本文件，以便我可以将其逐行输出到网页。目前，我有工作代码可以动态地将文本文件输出到网页（outputToPageDynamic.html），我还有工作代码来从远程服务器（testexe.php）获取响应。我只需要将这两者结合起来。

所以我在考虑是否将远程服务器的响应输出到我的网络服务器上的文本文件中我可以将该文本文件动态地输出到用户的网页。

您知道如何将我的回复输出到文本文件吗？

这是我到目前为止所做的：

testexe.php（从远程服务器获取响应）：

<!DOCTYPE html>
<html>
<head>
<style>
    .box1 {
        width: 450px;
        border: 2px solid black;
        margin: 0;
        display: flex;
    }

    .col {
        display: inline-block;
        border-right: 2px solid black;
        padding: 5px;
        width: 200px;
    }

    .col:last-child {
        border-right: none;
    }

    input[type=text], select {
            width: 20%;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
                border: 1px solid #ccc;
                border-radius: 4px;
                box-sizing: border-box;
                background-color: #ffffff;
        }
</style>
</head>
<body>
<div id="gatewayInput">
<form method="post">
      <input type="text" id="gateway" name="gateway" placeholder="Gateway Name"><br><br>
      <?php 
        include("search.php"); //this does a search to auto complete
      ?>    
</div>
<div class="box1">  
<label class="col">Up/Down</label>
<span class="col">
  <input type="radio" name="option" id="r1" value="1" />
  <label for="r1">Up</label>
  <input type="radio" name="option" id="r2" value="2" />
  <label for="r2">Down</label> 
</span>
<span class="col">
  <input type="submit" class="button" name="submit"/>
</span>
</form>
</div>
<script src ="../../../jqueryDir/jquery-3.2.1.min.js"></script>
<script src ="../../../jqueryDir/jquery-ui.min.js"></script>
<script type="text/javascript">

  //auto seatch function
  $(function() {
      $( "#gateway" ).autocomplete({
          source: 'search.php'
      });
  });

  //button click function
    $(".button").click(function(event){
        if ((document.getElementsByName("gateway")[0].value == '')) {
               alert('Gateway Required!');
        return false;
    }
        else if (document.querySelectorAll('input[type="radio"]:checked').length < 1) {
               alert('Please Choose Up/Down Value!');
               return false;
        } 
        else {
               //alert('Sucess!');
            event.preventDefault();
            $.ajax({
            url:"testexe.php",
            type: "POST",
                    data: {
              gateway: $("#gateway").val(),
              option: $('input[type=radio]:checked').val() 
            },
            dataType: "text", 
            success:function(result){
                        $('#div1').html(result) //instead of send the result to the page i need to output to text
            }
            });
             return true;
        }
  });

</script>
<div id="div1"></div>
</body>
</html>

outputToPageDynamic.html：

<!DOCTYPE html>
<html>
<body>
<div>
<textarea id="target" cols="80" rows="20">Loading...</textarea>
</div>
<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript">
var checkInterval = 1; // check interval, in seconds

var fileToCheck = "ping.txt"; //here I need to read the text file I get from the ajax output

var lastData;
function checkFile() {
$.get(fileToCheck, function (data) {
    // Update the text if it has changed
    if (lastData !== data) {
        $( "#target" ).val( data );
        $( "#target" ).animate({
            scrollTop: $( "#target" )[0].scrollHeight - $( "#target" ).height()
        }, 'slow');
        lastData = data;
    }
});
}

$(document).ready(function () {
    setInterval(checkFile, 1000 * checkInterval);
});
</script>
</body>
</html>

如何从远程服务器向文本文件输出ajax响应

0 个答案: