Как обновить sh содержимое DIV, используя jquery - PullRequest
Новая
       0

Как обновить sh содержимое DIV, используя jquery

0 голосов
/ 03 апреля 2020

У меня есть div, который заполнен содержанием XML, используя javascript. В настоящее время я хотел бы, чтобы содержимое div "displayCode" обновляло sh с помощью кнопки. codeContainer является контейнером displayCode. В настоящее время код обновляет всю страницу html в div, а не только содержимое, которое вы получите, если обновите страницу. Я попробовал любой другой метод онлайн, и все они либо возвращают пустой div, либо всю страницу, скопированную в div. И да, я назвал jQuery в заголовке.

tl; dr: Почему мой .load не работает?

Текущий код: 

<body>
<script>
function buttontest() {
        alert('pressed')
       $('#displayCode').load('index.html #displayCode');
};

</script>


<button onclick="buttontest()">Click me</button>
<div id = "codeContainer">
<div id='displayCode'></div><br>

</div>

1 Ответ

1 голос
/ 03 апреля 2020

Хорошо, прежде всего, на кнопке должно быть type="button", потому что по умолчанию type равно submit

//I Applied the click Listener on the id rather than having a function
<button id="loadContent" type="button">Click me</button>

, и вы хотите убедиться, что у вас есть .min.js версия версии jquery not .slim.min.js, потому что в ней нет AJAX (надеюсь, это имеет смысл). Возможно, в этом нет необходимости, но я не думаю, что вам нужно target до load content.so 

$("#displayCode").load("./index.html"); // Adjust the file path accordingly

следует делать. Кроме того, вы должны быть хорошими.

Я сделал рабочий пример, вы можете проверить его здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...