php - 使用 jquery ajax 将 php 页面页面输出加载到 html div

Question

我想将php页面的输出呈现到html div中。这意味着在php页面中有很多jquery东西。假设我使用当前的jquery ajax来加载一个php页面。它错过了加载jquery文档准备好的东西。

我怎样才能做到这一点？

Answer 1

如果您想使用 jquery 和 ajax 将 php 页面的输出放到 html 页面中。你可以这样做。

$(document).ready(function(){
    $("#div1").load("demo_test.php");
});

div1 是要使用 php 内容更新的 div。此链接可能会对您有所帮助。

http://www.w3schools.com/jquery/jquery_ajax_intro.asp

Answer 2

这是一个简短的例子。jQuery API 文档

html

 <div id="content"></div>
 <input type="button" id="btnLoad" value="Load" />

jQuery

$("#btnLoad").click(function(){

    $.ajax({
        type: 'POST',
        url: 'page1.php',
        success: function(data){
                 if(data != null) $("#content").text(data)
         }
     });
});

page1.php

<?php

  echo "This is the sample data to be printed for request from AJAX";

 ?>

Answer 3

你可以使用ajaxobserve方法

cakephp ajax 助手

<?php echo $form->create( 'Post' ); ?>
<?php $titles = array( 1 => 'Tom', 2 => 'Dick', 3 => 'Harry' ); ?>  
<?php echo $form->input( 'title', array( 'options' => $titles ) ) ?>
<label for="something">This checkbox will be send (and it will trigger Ajax reqest)  </label>
<input id="something" type="checkbox" name='data[Post][something]' value='1' />
</form>

<?php
echo $ajax->observeForm( 'PostAddForm', 
    array(
        'url' => array( 'action' => 'edit' ),
        'complete' => 'alert(request.responseText)'
    ) 
); ?>