Fatal编程技术网
  • javascript/
  • Javascript 如何在特定div中的html页面中调用php页面的输出？

Javascript 如何在特定div中的html页面中调用php页面的输出？

javascript php jquery html

Javascript 如何在特定div中的html页面中调用php页面的输出？,javascript,php,jquery,html,Javascript,Php,Jquery,Html,这是我的html代码 将PHP放入您希望得到结果的HTML文件中。确保您的文件名为something.php，并且服务器上有一个php处理器 <html> <body> <form name="form1" action="php1.php" method="post"> <input type="text" name="text1"> <input type="submit" name="submit1"> <div id=

这是我的html代码
将PHP放入您希望得到结果的HTML文件中。确保您的文件名为
something.php
，并且服务器上有一个php处理器

<html>
<body>
<form name="form1" action="php1.php" method="post">
  <input type="text" name="text1">
<input type="submit" name="submit1">
<div id="div1">
<?php
if(isset($_POST['submit1']) && ($_POST['text1'])=="text"){
    echo "hello";
}
?>
</div>
</body>
</html>
既然您没有提到通过jquery或ajax，我假设您使用的是一种更简单的老式方式，下面是代码

像这样将您的信息发送回HTML页面

$msg = "hello"
header("Location: your_html_page.html?msg=".$msg);

<div id="div1">

<?php
error_reporting(0);
echo $_GET['msg'];

?>

</div>
在HTML中执行此操作

$msg = "hello"
header("Location: your_html_page.html?msg=".$msg);

<div id="div1">

<?php
error_reporting(0);
echo $_GET['msg'];

?>

</div>
使用Ajax

$("form#postit").submit(function(){

                                var formData = new FormData($(this)[0]);

                                $.ajax({
                                    url: "your_php_page.php",
                                    type: 'POST',
                                    data: formData,
                                    async: false,
                                    success: function (returned_data_from_php) 
                                   {

                                         $("#div1").append(returned_data_from_php); // or 

                                         $("#div1").html(returned_data_from_php);

                                    },
                                    cache: false,
                                    contentType: false,
                                    processData: false
                                });
                        return false;
                    });
PHP

无论您想从php返回什么，它都应该是echo，有很多方法可以做到这一点

（单个字符串）
echo“Success”

（多个字符串）
echo$msg1.$msg2

（数组数据）

例如


$data = array();
$i = 0;
while($numbs = mysql_fetch_array($result))
{
$row_numb = $numbs['id'];
$data[$i] = $row_numb;
$i++;
}

    echo json_encode($data);


//这将向java脚本传递一个json类型的对象

当您使用javascript时，您希望逐个访问数组的所有元素，这也很容易

JAVASCRIPT


parsed_it = JSON.parse(data); // data is the json type you got from your php 


因此
parsed_it[0]、parsed_it[1]、parsed_it[2]
等等，您可以访问所有数据


希望能有帮助
 您可以使用AJAX动态加载脚本输出：




您还可以考虑使用jQuery简化代码：


您必须使用Javascript或JQuery发出AJAX请求。有几个答案。我的答案很简单，如果你想要一个HTML/PHP组合页面，我的答案就行了。如果您需要独立于（原始）HTML页面运行PHP，您需要查看其他答案。实际上，这是我讨论的PHP代码的一个小版本。我在那个php文件中有很多输出。我希望php1.php文件中的每个输出都显示在div1中。如何做到这一点，而不是手动调用和发送每条消息…？请提及这两种方法…使用ajax和jquery…这将对我非常有帮助。@PrakashPatil我已经编辑了我的答案，您需要知道的关于将数据发布到php并取回的所有信息。。。。请随意询问其他相关问题……请看我的其他问题……如何显示选项数据……你能帮忙吗？分享问题的链接实际上这只是我原始php代码的一个简短形式。我在php页面上有很多输出。我想调用div1中html页面的所有输出。怎么办？同样的方法。只需将PHP放在HTML表单上希望输出的位置。