1. дома
  2. Вопрос и ответ
  3. Вставить таблицу excel в HTML-файл

Вставить таблицу excel в HTML-файл

2016-05-26 2 views
0

Я пытаюсь создать набор веб-страниц. У каждого из них есть таблица (скажем). Также пользователю этой веб-страницы необходимо выполнить операции, такие как поиск и т. Д. в таблице. Но он также хотел бы, чтобы таблица была на листе Excel и не была определена внутри веб-страницы, чтобы он мог добавлять строки или столбцы или редактировать существующие данные в любое время.Вставить таблицу excel в HTML-файл

Я преобразовал файл excel в HTML-страницу, используя Save As-> Web Page-> Publish. Теперь я попытался включить исходный код этого HTML-файла в свой HTML-код веб-страницы, чтобы я мог напрямую обращаться к таблице с помощью getElementByTagName («table»).

Для этого я пробовал несколько способов найти поиск в Интернете.

Первый способ

<div w3-include-html="animals.html"></div>

Второй способ

<script> 
    $(function(){ 
     $('#header').load("animals.html"); 
    }); 
</script>

Третий путь

<!--#include file="animals.html" -->

Четвертый способ

<iframe> tag

Ничто из этого не работает. Также, пожалуйста, помните, что я не могу изменить исходный код animal.html, поскольку я получил его от excel и не набрав его. Я новичок в javascript и HTML, поэтому, если есть очевидный способ, который я пропускаю, пожалуйста, помогите мне. Если файл HTML не скажет мне каким-либо другим способом, я могу импортировать таблицу из Excel в свой HTML-код, чтобы я мог выполнять некоторые операции над ним.

Я не знаю JQuery, PHP, ASP, SQL и т. Д.

источник

2016-05-26 aravind

ответ

0

Просто запустите запрос AJAX на странице HTML и введите ответ AJAX внутри контейнера, например <div>.

$.get('animals.html', function(response){ 
    // put response at some div, 
    $('div').html(response); 
});

также не забудьте добавить это в <head>:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

источник

2016-05-26 13:30:30

+0

Вы должны открыть свой 'animals.html' файл непосредственно в браузере с таким же путем, как вы даете в 1-й параметр в' $ .get 'функция и проверить, открывается ли она. –

+0

Я вставил код, используя тег. Но var y = document.getElementsByTagName ("table"); не получает таблицу в y [0]. Это из-за тега во вставленном html-файле? – aravind

+0

Вы можете увидеть свою «таблицу HTML» в консоли? –

Смежные вопросы

 Смежные вопросы