为什么网站布局在完成PHP过程后加载

为什么网站布局在完成PHP过程后加载,php,html,serial-port,Php,Html,Serial Port,我正在创建一个使用串口的网页。我现在遇到了一个问题,它只能在完成PHP过程后加载。下面是代码 <html> <body> div class="container"> <div id="container"> <div id="navigation"> <h1 style="text-align:center; color:#00B4CC;">Phar

我正在创建一个使用串口的网页。我现在遇到了一个问题,它只能在完成PHP过程后加载。下面是代码

<html>
<body>
    div class="container">
        <div id="container">
            <div id="navigation">
                <h1 style="text-align:center; color:#00B4CC;">Pharmacy Counter</h1>
            </div>
            <div id="box" style="border: 1px solid #00B4CC; text-align:center;">
                <form style="padding-top: 20px;">
                    <fieldset>
                        <h4>Patient Details</h4>
                        <h4>Name:</h4>
                        <h4>DOB:</h4>
                        <h4>Address:</h4>
                    </fieldset>        
                </form>
            </div>




<?php

        $portName = 'com9:';
        $baudRate = 57600;
        $bits = 8;
        $spotBit = 1;

        require_once("dbconn.php");
        include("arduino.php");
        $db = getConnection();


        function echoFlush($string)
        {
            echo $string . "<br>";
            flush();
            ob_flush();
        }

        if(!extension_loaded('dio'))
        {   
                //dl('php_dio.dll');
            echoFlush( "PHP Direct IO does not appear to be installed for more info see: http://www.php.net/manual/en/book.dio.php" );
            exit;
        }

        try 
        {
            //the serial port resource
            $bbSerialPort;


            //echoFlush(  "Connecting to serial port: {$portName}" );

            if (strtoupper(substr(PHP_OS, 0, 3)) === 'WIN') 
            { 
                echo "hi Windows\n";
                //dio_close($bbSerialPort);
                //$bbSerialPort = dio_open($portName, O_RDWR);
                exec("mode {$portName} baud={$baudRate} data={$bits} stop={$spotBit} parity=n xon=off to=on");  
                $bbSerialPort = dio_open($portName, O_RDWR);


            //  dio_open($portName, O_RDWR);
                echo '<br>'.'successfull exec'.'</br>';
            } 

            if(!$bbSerialPort)
            {
                echoFlush( "Could not open Serial port {$portName} ");
                exit;
            }
            $a=0;
            while(($a++)<100){
               dio_read($bbSerialPort);

            }

         ?>
 </body>
 </html>

div class=“container”>
药房柜台
患者详细信息
姓名:
出生日期:
地址:

这是PHP和html的代码。现在的问题是在运行php脚本后加载布局。我不知道为什么会这样

Apache一次呈现整个PHP文件,解决方案是对另一个具有connect-to串行端口的页面进行AJAX调用

可以通过这种方式进行ajax调用(需要jQuery):


html页面上唯一需要的是一个ID为AjaxReceiver的容器(它首先可以有一个漂亮的字体微调器:)

你是什么意思?页面总是在php处理之后由serverCheck HTML的div with container交付class@DamienPirsy我已经编辑了这个问题。我刚刚测试了这个程序,发现在运行这个
dio_read()
函数之后,页面会在完成php过程后加载。如果没有特定的线,布局将正常加载。该代码可能是导致问题的原因吗
  $(document).ready(function(){
    $.ajax({
       url: '...',
       success: function(response) {
           $('#ajaxReciever').html(response);
       }
    });
});