Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/269.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
包括使用ajax、javascript的php文件_Javascript_Php_Ajax - Fatal编程技术网

包括使用ajax、javascript的php文件

包括使用ajax、javascript的php文件,javascript,php,ajax,Javascript,Php,Ajax,我有一个页面first.php,由2个部分组成,即div1和div2,这两个部分最初是空的 当点击div1时,它会触发ajax请求process.php页面,该页面包含决定包含哪个文件的代码。如果决定的文件是file1.php,其中包含html代码,如 我的问题是如何在不重新加载first.php页面的情况下将file1.php包含在div2中 代码: 我的file1.php文件包含一些ajax代码,这些代码应该以一定的间隔执行,并从数据库中获取数据并更改框的颜色。在控制台上,我也可以看到这些a

我有一个页面first.php,由2个部分组成,即div1和div2,这两个部分最初是空的

当点击div1时,它会触发ajax请求process.php页面,该页面包含决定包含哪个文件的代码。如果决定的文件是file1.php,其中包含html代码,如

我的问题是如何在不重新加载first.php页面的情况下将file1.php包含在div2中

代码:

我的file1.php文件包含一些ajax代码,这些代码应该以一定的间隔执行,并从数据库中获取数据并更改框的颜色。在控制台上,我也可以看到这些ajax代码。如何确保这些代码执行各自的功能,并且只有输出框显示在div2中?

使用jquery

$("div.div1").click(function(){
    $.ajax("file1.php").done(function(data){
        $("div.box").html=data;
    });
});
因此,当您单击div1框时,它将使用ajax调用URL file1.php,一旦加载,它将使用id“box”将内容抛出到div中

详情请参见:和


当然,将脚本放入标记中,可能需要将其放入$document.readyfunction{…};如果你有动态内容

基本上,您不能通过JavaScript包含PHP脚本,因为PHP由服务器执行,JavaScript由客户端执行,但您可以使用AJAX通过JavaScript包含并组合单个PHP文件的输出,我想这就是您的意思


使用Ajax,您可以加载另一个网页的内容,例如div2.php,并根据需要使用它。例如,您可以加载div.php文件并将其放在代码中的某个位置。你可以找到一个很好的教程。但是如果您使用,代码将变得更加美观。

请提供相关代码,并展示您的尝试。您已经向process.php发送了一个AJAX请求。您可以在响应中包含file1.php的内容。您使用的是jQuery,只是javascript吗?谢谢!但是,我如何使用纯javascript包含这些内容呢?仅使用javascript是相当困难的。只需包含jquery脚本。这将为你节省大量的时间和精力。请参阅:了解jquery如何工作的详细信息。
$("div.div1").click(function(){
    $.ajax("file1.php").done(function(data){
        $("div.box").html=data;
    });
});