Question

我对ajax有点新，并试图了解它如何与jQuery一起使用。

我正在寻找最简单的教程的示例，只是为了了解如何开始。

让我们说 - 当页面加载时我想要求服务器（PHP）在body标签内插入单词“Hello world”

我该怎么做？（在html和服务器端文件中）

Answer 1

我建议你看一下jQuery文档。 load的文档提供了一个示例：

$('#result').load('ajax/test.html');

加载ajax/test.html的内容并将其显示在ID为result

的元素中

然后我们可以模仿它并在页面加载后执行的load函数内调用ready函数。我们使用选择器body来选择body元素，并指示（se）元素的内容替换为ajax.php的内容

$(document).ready(function() {
  $('body').load('ajax.php');
});

Answer 2

确定HTML：

<!DOCTYPE html>  
<html lang="en">  
<body>

    <div id="my_content">Nothing here yet</div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
    <script>

        // When jQuery is ready
        $(function(){

            // Get the contents of my_page.php
            $.get("/my_page.php", function(data){

                // When the contents of my_page.php has been 'got' 
                // load it into the div with the ID 'my_content'
                $("#my_content").html(data);

            });

        });

    </script>
</body>
</html>

然后在你的my_page.php PHP文件中：

<?

    // This is what jQuery will get
    echo "Something is here now!";

?>

Answer 3

的index.html

<script>
$(document).ready(function() {
  $('#body').load('ajax.php');
});
</script>
<div id="body"></div>

ajax.php

<?php
    echo "Hello, World!";
?>

请求最简单的jquery-ajax教程

3 个答案: