javascript - 我的网页不显示来自不同 html 页面的文本。 (javascript/jquery/ajax)-6ren

javascript - 我的网页不显示来自不同 html 页面的文本。 (javascript/jquery/ajax)

转载作者：行者123 更新时间：2023-12-03 06:25:22

25

4

在此项目中，我为 contact.html 文件创建一个 contact.js 文件，该文件将从listings.html 文件中提取数据并将其全部内容附加到 contact.html 页面中的 aboutUs div。我编写了一个函数，使listings.html文件中的内容出现在contact.html文件中，但是当我打开网页时，内容仍然没有显示。我在这里做错了什么。

我正在使用 contact.html 文件、contact,js 文件和listings.html 文件(以及 jquery 文件)。

我的 contact.html 文件是这样的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Real Estate Sold</title>
        <link rel="stylesheet" type="text/css" href="listing.css" />

         <script type="text/javascript" src="jquery-1.11.1.js"></script>
        <script type="text/javascript" src="contact.js"></script>

    </head>
    <body>

<nav class="main-navigation" role="navigation">
<div>
<ul id="menu-main-menu" class="nav-menu">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Regional Info</a></li>
<li><a href="index.html">Current Listings</a></li>
<li><a href="#">Sold</a></li>
<li><a href="index.html">About Us</a></li>
</ul></div>
</nav>


        <div id="aboutUs"></div>

    </body>
</html>

我的 contact.html 文件是这样的:

 $("document").ready(function() {
        getData();
      });

      function getData() {
        $("#aboutUs").load("listings.html");
      }

我的listings.html文件是这样的:

<h2>About Us</h2>
<p>Wright Realty is a family owned real estate brokerage specializing in custom homes since 1852.  
    We appreciate that our customers demand quality that endures for generations, so we only
    list with homeowners who have maticulously maintained their unique and timeless homes.</p>
    <h3>Our Realtors:</h3>
    <ul></ul>

最佳答案

似乎您正在使用 file:// 加载文件，这是不允许的。您必须改用http://。

您可以使用http-server快速启动服务器:

npm install http-server -g

使用它:

cd *your folder*
http-server

关于javascript - 我的网页不显示来自不同 html 页面的文本。 (javascript/jquery/ajax)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38680501/

25

4

0

文章推荐： amp-html - 为什么 amp-video 和 amp-audio 强制对 src 使用 https？

文章推荐： php - PHP Json Youtube API-如何获得作者？

文章推荐： assembly - x86 中 0 值的奇偶校验标志

文章推荐： android - Android Studio-SDK可能是只读的-错误仍然存在

mysql - 如何按 ASC 顺序获取 MySql 不同(不同)值
我有 table 像这样 -------------------------------------------- id size title priority
java - 不同 Activity 中的 AdMob 广告单元 ID 不同？提高匹配率？
我的应用在不同的 Activity (4 个 Activity )中仅包含横幅广告。所以我的疑问是，我可以对所有横幅广告使用一个广告单元 ID 吗？或者每个 Activity 使用不同的广告单元
没有isinstance的列表列表上的python递归(不同)
我有任意(但统一)数字列表的任意列表。 (它们是 n 空间中 bin 的边界坐标，我想绘制其角，但这并不重要。)我想生成所有可能组合的列表。所以:[[1,2], [3,4],[5,6]] 产生 [[1
Java自定义控件重绘导致绘制不正确(不同)
我刚刚在学校开始学习 Java，正在尝试自定义控件和图形。我目前正在研究图案锁，一开始一切都很好，但突然间它绘制不正确。我确实更改了一些代码，但是当我看到错误时，我立即将其更改回来(撤消，ftw)，但
sql - 分组依据汇总和计数(不同)
在获取 Distinct 的 Count 时，我在使用 Group By With Rollup 时遇到了一个小问题。问题是 Rollup 摘要只是所有分组中 Distinct 值的总数，而不是所有
sql - 如何对多列进行计数(不同)
这不起作用: select count(distinct colA, colB) from mytable 我知道我可以通过双选来简单地解决这个问题。 select count(*) from (
javascript - 为什么在比较时与 ""不同
这个问题在这里已经有了答案: JavaScript regex whitespace characters (5 个回答) 2年前关闭。你能解释一下为什么我会得到 false比较 text ===
javascript - [] 与 [] 不同
这个问题已经有答案了: 奥 git _a (56 个回答) 已关闭 9 年前。我被要求用 Javascript 编写一个函数 sortByFoo 来正确响应此测试: // Does not cras
sql - 在按单个列上的多个值进行内部联接查询过滤时选择“不同”？
所以，我不得不说，SQL 是迄今为止我作为开发人员最薄弱的一面。也许我想要完成的事情很简单。我有这样的东西(这不是真正的模型，但为了使其易于理解而不浪费太多时间解释它，我想出了一个完全模仿我必须使用的
javascript - 为什么在通过引用传递后调用函数时对象内部的 "this"不同？
这个问题在这里已经有了答案: How does the "this" keyword work? (22 个回答) 3年前关闭。简而言之:为什么在使用 Objects 时，直接调用的函数和通过引用传
C++ 不同 -> 和 "."
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: what is the difference between (.) dot operator and (-
c++ - for 循环给出的结果与 += 不同
我真的不明白这里发生了什么但是: 当我这样做时: colorIndex += len - stopPos; for(int m = 0; m < len - stopPos; m++) { c
MySQL 按顺序和计数分组(不同)
思考 MySQL 中的 Group By 函数的最佳方式是什么？我正在编写一个 MySQL 查询，通过 ODBC 连接在 Excel 的数据透视表中提取数据，以便用户可以轻松访问数据。例如，我有:
mysql - 如何在组内选择具有条件的计数(不同)
我想要的SQL是这样的: SELECT week_no, type, SELECT count(distinct user_id) FROM group WHERE pts > 0 FROM bas
php - 不同/连接两个表
商店表: +--+-------+--------+ |id|name |date | +--+-------+--------+ |1 |x |Ma
javascript - offsetParent 不同
对于 chrome 和 ff，当涉及到可怕的 ie 时，这个脚本工作完美。有问题 function getY(oElement) { var curtop = 0; if (oElem
c - 不同.c文件之间的IPC进程间通信
我现在无法提供代码，因为我目前正在脑海中研究这个想法并在互联网上四处乱逛。我了解了进程间通信和使用共享内存在进程之间共享数据(特别是结构)。但是，在对保存在不同 .c 文件中的程序使用 fork(
c - C编程中的MongoDB聚合函数(不同)
我想在用户集合中使用不同的功能。在 mongo shell 中，我可以像下面这样使用: db.users.distinct("name"); 其中名称是用于区分的集合字段。同样我想要，在 C
c# - linq选择问题(不同)
List nastava_izvjestaj = new List(); var data_context = new DataEvidencijaDataContext();
生产中的 CSS 不同
我的 Rails 应用程序中有 Ransack 搜索和 Foundation，本地 css 渲染正常，而生产中的同一个应用程序有一个怪癖: 应用程序中的其他内容完全相同。我在 Chrome 和 Sa

首页

博学

6Ren·AI

商城

javascript - 我的网页不显示来自不同 html 页面的文本。 (javascript/jquery/ajax)