Я создаю страницу php, я хочу сохранить весь html в одной переменной php, а затем получить с помощью ajax, как я храню этот html в имени переменной php # msg, вот мой код:
$msg="<div id="new2" style="background:#fff; width:779px; min-height:310px;"> <table align="center" width="779px" cellpadding="0" cellspacing="0" id="tb1"> <tr style="height:28px; font-size:12px;"> <td style="width:246px">Name</td> <td style="width:145px">CITY</td> <td style="width:102px">ABCDEF</td> <td style="width:71px">BUDGET</td> <td style="width:102px">MEMBERSHIP</td> <td style="width:84px" id="td1">UNTIL</td> </tr> </table> <?php $color='#DADDE2'; $business=getbussinesspagination(0,$start,$per_page); if ($business){ while ($row = $business->fetch_assoc ()){ if($color=='#DADDE2') $color='#F9F9F9'; else $color='#DADDE2'; ?> <div id="m1" style="width:246px; height:28px; background:<?php echo $color; ?>; float:left"><p style="padding-left:45px; margin-top:8px;"><?php echo ($row['title']); ?></p></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:<?php echo $color; ?>"><p style="padding-left:30px; margin-top:8px;"><?php echo ($row['cityName']); ?></p></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:<?php echo $color; ?>"><p style="padding-left:40px; margin-top:8px;"><?php if($row['article']!=''){ echo 'A';} if($row['event']!=''){echo 'E'; } ?></p></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:<?php echo $color; ?>"><p style="padding-left:25px; margin-top:8px;"><?php echo ($row['credit']); ?></p></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:<?php echo $color; ?>"><p style="padding-left:25px; margin-top:8px;"><?php echo ($row['name']); ?></p></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:<?php echo $color; ?>"><p style="padding-left:10px; margin-top:8px;"><?php echo ($row['renewal_date']); ?></p></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:<?php echo $color; ?>"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <?php } } ?> <div id="m1" style="width:246px; height:28px; background:#DADDE2; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#F9F9F9; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#DADDE2; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#F9F9F9; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#DADDE2; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#F9F9F9; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#DADDE2; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#F9F9F9; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> <div id="m1" style="width:246px; height:28px; background:#DADDE2; float:left"></div> <div id="m2" style="width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m3" style="width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m4" style="width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m5" style="width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m6" style="width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"></div> <div id="m7" style="width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;"><img src="messg.png" style="margin:8px 0 0 2px;"></div> </div>
Если я ничего не пропустил:
<?php $msg = "<div id=\"new2\" style=\"background:#fff; width:779px; min-height:310px;\"> <table align=\"center\" width=\"779px\" cellpadding=\"0\" cellspacing=\"0\" id=\"tb1\"> <tr style=\"height:28px; font-size:12px;\"> <td style=\"width:246px\">Name</td> <td style=\"width:145px\">CITY</td> <td style=\"width:102px\">ABCDEF</td> <td style=\"width:71px\">BUDGET</td> <td style=\"width:102px\">MEMBERSHIP</td> <td style=\"width:84px\" id=\"td1\">UNTIL</td> </tr> </table>"; $color='#DADDE2'; $business = getbussinesspagination(0,$start,$per_page); if ($business) { while ($row = $business->fetch_assoc ()) { if($color=='#DADDE2') $color='#F9F9F9'; else $color='#DADDE2'; $msg .= "<div id=\"m1\" style=\"width:246px; height:28px; background:{$color}; float:left\"><p style=\"padding-left:45px; margin-top:8px;\">{$row['title']}</p></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:{$color}\"><p style=\"padding-left:30px; margin-top:8px;\">{$row['cityName']}</p></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:{$color}\"><p style=\"padding-left:40px; margin-top:8px;\">".($row['article']!=''?'A':'').($row['event']!=''?'E':'')."</p></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:{$color}\"><p style=\"padding-left:25px; margin-top:8px;\">{$row['credit']}</p></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:{$color}\"><p style=\"padding-left:25px; margin-top:8px;\">{$row['name']}</p></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:{$color}\"><p style=\"padding-left:10px; margin-top:8px;\">{$row['renewal_date']}</p></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:{$color}\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> "; } } $msg .= "<div id=\"m1\" style=\"width:246px; height:28px; background:#DADDE2; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#F9F9F9; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#DADDE2; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#F9F9F9; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#DADDE2; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#F9F9F9; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#DADDE2; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#F9F9F9; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#F9F9F9;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> <div id=\"m1\" style=\"width:246px; height:28px; background:#DADDE2; float:left\"></div> <div id=\"m2\" style=\"width:145px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m3\" style=\"width:101px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m4\" style=\"width:70px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m5\" style=\"width:99px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m6\" style=\"width:84px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"></div> <div id=\"m7\" style=\"width:23px; height:28px; float:left; margin:0 0 0 1px;background:#DADDE2;\"><img src=\"messg.png\" style=\"margin:8px 0 0 2px;\"></div> </div>"; echo $msg; ?>
Вы должны использовать синтаксис HEREDOC
. Вы можете просто скопировать весь контент HTML и передать его в HEREDOC
. Ваши переменные также будут проанализированы.
<?php $str = <<<EOD Example <b>of</b> string spanning multiple lines using heredoc <b>syntax</b>. EOD; echo $str;
OUTPUT :
без heredoc вы не должны использовать <?php
внутри своей строки ….
это должно быть
$msg='<div id="new2" style="background:#fff; width:779px; min-height:310px;"> '.$another_variable_here_for_example.'<table align="center" width="779px" cellpadding="0" cellspacing="0" id="tb1">...';
и если вам нужно добавить дополнительный код (как вы делаете после первого <?php
), то $ msg = '…'; переменной и добавить остальные позже через $ msg. = '…';
для такого шаблона в PHP я использую ob_get_contents ()
ob_end_clean(); ob_start(); include __DIR__ . '/your_template.php'; $contents = ob_get_contents(); ob_end_clean();
Или просто используйте $msg = '<p>Your HTML here</p>'
Когда у вас есть "
в вашем html-коде, чем использовать '
чтобы обернуть html. Работает, только когда вы используете только в своем коде "
Чистым способом является использование синтаксиса heredoc и изменение вашего кода, как показано ниже, для использования только переменной в середине html (без вызова функции)
$color='#DADDE2'; $business=getbussinesspagination(0,$start,$per_page); if ($business){ while ($row = $business->fetch_assoc ()){ if($color=='#DADDE2') $color='#F9F9F9'; else $color='#DADDE2'; } else { } $msg=<<<MYHTML <div id="new2" style="background:#fff; width:779px; min-height:310px;"> <table align="center" width="779px" cellpadding="0" cellspacing="0" id="tb1"> <tr style="height:28px; font-size:12px;"> <td style="width:246px">Name</td> <td style="width:145px">CITY</td> <td style="width:102px">ABCDEF</td> <td style="width:71px">BUDGET</td> <td style="width:102px">MEMBERSHIP</td> <td style="width:84px" id="td1">UNTIL</td> </tr> </table> $business MYHTML;
В качестве альтернативы вы также можете использовать ob_start();
и ob_get_content();
для перенаправления вывода в переменную, которую вы будете использовать позже.
ob_start(); // do all your code, nothing will be sent to screeen echo '<div id="...'; $html = ob_get_contents(); ob_end_clean();
var_dump ($ out1, $ out2);