Javascript 请求提供最简单的jQueryAjax教程
我对ajax有点陌生，并试图了解它如何与jQuery一起工作 我正在为最简单教程搜索一个示例，只是为了了解如何开始 比如说，当页面加载时，我希望请求服务器（PHP）在body标签内插入单词“Hello world” 我该怎么做？（在html和服务器端文件中）index.htmlJavascript 请求提供最简单的jQueryAjax教程,javascript,jquery,ajax,Javascript,Jquery,Ajax,我对ajax有点陌生，并试图了解它如何与jQuery一起工作 我正在为最简单教程搜索一个示例，只是为了了解如何开始 比如说，当页面加载时，我希望请求服务器（PHP）在body标签内插入单词“Hello world” 我该怎么做？（在html和服务器端文件中）index.html <script> $(document).ready(function() { $('#body').load('ajax.php'); }); </script> <div id="b
<script>
$(document).ready(function() {
$('#body').load('ajax.php');
});
</script>
<div id="body"></div>
$（文档）.ready（函数（）{
$（'#body'）.load（'ajax.php'）；
});
<?php
echo "Hello, World!";
?>
<script>
$(document).ready(function() {
$('#body').load('ajax.php');
});
</script>
<div id="body"></div>
$（文档）.ready（函数（）{
$（'#body'）.load（'ajax.php'）；
});
<?php
echo "Hello, World!";
?>
<!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>
<!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>
我建议您看看jQuery文档。的文档提供了一个示例：
$('#result').load('ajax/test.html');
ajax/test.html的内容，并将其显示在id为result
然后我们可以模拟它，并在页面加载后执行的ready
函数中调用load
函数。我们使用选择器body
选择body元素，并指示将（se）元素的内容替换为ajax.php
$(document).ready(function() {
$('body').load('ajax.php');
});
我建议您看看jQuery文档。的文档提供了一个示例：
$('#result').load('ajax/test.html');
加载ajax/test.html的内容，并将其显示在id为result
然后我们可以模拟它，并在页面加载后执行的ready
函数中调用load
函数。我们使用选择器body
选择body元素，并指示将（se）元素的内容替换为ajax.php
$(document).ready(function() {
$('body').load('ajax.php');
});
您可能希望使用body
标记而不是
。使用body
作为id有点误导，可能会导致javascript或CSS中出现错误。$.ready
不起作用。我想你的意思是$（文档）。准备好了吗
@Aleski：看情况。在大多数实际项目中，你的实际内容周围都会有很多chrome浏览器，例如页眉、导航、页脚。使用body标签也将替换该chrome。你不会想要的。使用body作为id不会在css或javascript中产生任何错误，但是，我同意这可能会导致错误的人类阅读器。错误是由人类阅读器引起的，不是吗？一个差劲的网页设计师可能会花上几分钟，或者如果头脑不清醒的话，花上足够多的时间，找出他们在到处使用body
时样式表不起作用的原因。你可能希望使用body
标记而不是
。使用body
作为id有点误导，可能会导致javascript或CSS中出现错误。$.ready
不起作用。我想你的意思是$（文档）。准备好了吗
@Aleski：看情况。在大多数实际项目中，你的实际内容周围都会有很多chrome浏览器，例如页眉、导航、页脚。使用body标签也将替换该chrome。你不会想要的。使用body作为id不会在css或javascript中产生任何错误，但是，我同意这可能会导致错误的人类阅读器。错误是由人类阅读器引起的，不是吗？一个差劲的网页设计师可能会花上几分钟，或者如果头脑清醒的话，花上足够多的时间，去寻找当他们到处使用body
时，为什么他们的样式表不起作用。哦。。。那么何时使用to.ajax函数呢？我认为它应该在某个地方，以便使它成为一个ajax…。load
只是.ajax
函数的一个抽象。它确实内在地使用了.ajax
.ajax
允许您指定更多选项并在回调中接收数据，而不是将数据附加到元素。.ajax
有更多别名可以降低其复杂性，如betamax示例中使用的.get
。当需要更细粒度的控制时，可以使用ajax函数。只需使用加载
-功能，您就可以走得更远。之后，您可能需要徘徊到$。获取和$。发布以实现更多控制<代码>$。ajax
已经远远超过了它们。说实话，所有的函数load、get和post都是为了让事情变得更简单，并最终委托给ajax函数。哦。。。那么何时使用to.ajax函数呢？我认为它应该在某个地方，以便使它成为一个ajax…。load
只是.ajax
函数的一个抽象。它确实内在地使用了.ajax
.ajax
允许您指定更多选项并在回调中接收数据，而不是将数据附加到元素。.ajax
有更多别名可以降低其复杂性，如betamax示例中使用的.get
。当需要更细粒度的控制时，可以使用ajax函数。只需使用加载
-功能，您就可以走得更远。之后，您可能需要徘徊到$。获取和$。发布以实现更多控制<代码>$。ajax
已经远远超过了它们。说实话，所有的load、get和post函数都是为了让事情变得更简单，并最终委托给ajax函数。script
标记可以包装在head
标记中，因为在本例中没有理由将它们放在主体中。您可能还想用#my#u content
而不是#id
作为选择器。此外，问题要求选择器为body
。是的，应该是#my_content
，对此表示抱歉。脚本标记位于正文中是因为习惯和最佳性能实践。这意味着如果javascript位于页面底部，则它将最后加载。脚本
标记可以包装在头
标记中，因为没有理由将它们放在e中的主体中