2013-10-20 88 views
-1

这里是我的javascript代码:加载PHP内容从JS

$(document).ready(function(){ 
    $('#start').click(function(){ 
     $('#mainbody').html('<?php include "content1.php";?>'); 
    }); 
}); 

,而不是在DOM content1.php加载内容它增加了这样的评论:

<div class="row" id="mainbody"> 
    <!--?php include "content1.php";?--> 
</div> 
+9

AJAX ...阅读它。 – Shomz

+3

这个问题似乎是脱离主题,因为它是一个超级重复。 OP对本网站上的其他用户没有任何怜悯,无论其他人做过什么工作,都必须反复提问。 – hakre

回答

0
$('#mainbody').load('content1.php'); 
0

你需要做的一个AJAX调用。

退房这个问题Passing data back from php to ajax

应该是帮助你把事情要去一个很好的例子。如果您仍然遇到问题,请告诉我们您的工作进展情况,我们将很乐意提供帮助。

1

有两种方法可以做到这一点。第一个是,就像我在评论中所说的那样,要对适当的内容页面进行AJAX调用,检查其响应,如果一切正常,请适当修改DOM。

另一种方法是我建议你不要做,如果你打算有很多不同的'内容'。我在说,你可以将所有内容预加载到单独的,隐藏的DOM元素(例如div)中,然后修改click功能,以显示所需的元素并隐藏其他元素。

当然,选择最好的方法在很大程度上取决于你的应用程序应该做什么。

0

您需要AJAX呼叫

要开始的示例代码。

// fire off the request to /form.php 
    request = $.ajax({ 
     url: "/form.php", 
     type: "post", 
     data: serializedData 
    }); 

    // callback handler that will be called on success 
    request.done(function (response, textStatus, jqXHR){ 
     // log a message to the console 
     console.log("Hooray, it worked!"); 
    }); 

    // callback handler that will be called on failure 
    request.fail(function (jqXHR, textStatus, errorThrown){ 
     // log the error to the console 
     console.error(
      "The following error occured: "+ 
      textStatus, errorThrown 
     ); 
    });