时间戳

首页 > 解决方案 > 简单的 jQuery 和 AJAX 教程示例

jquery - 简单的 jQuery 和 AJAX 教程示例

问题描述

我查了一下，看到了几个类似的帖子，但是，老实说，给出的例子证明我的问题，太复杂了，我无法弄清楚。

我已经使用纯 JavaScript 完成了一些教程来演示 AJAX，并且使用 XMLHttpRequest 函数等都非常简单。

但是，即使使用非常基本的代码，我也无法让 jQuery 处理 AJAX，例如下面的代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ajax_test_002.html</title>
        <script src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    $("#div1").load("demo_test.txt");
                });
            });
        </script>
    </head>

    <body>

    <div id="div1">
      <h2>Let jQuery AJAX Change This Text</h2>
    </div>

    <button>Get External Content</button>

  </body>
</html>

我正在使用 jQuery 3.5.1。我的源文件 demo_test.txt 只有几行。

在另一篇文章中，我看到了一些关于标题的内容，但是，我不知道 jQuery/AJAX 标题在哪里编辑它。

感谢您对这位初学者的耐心等待。

-CodeSchlocker

标签： jqueryajax

解决方案

推荐阅读