Как перезагрузить часть формы с помощью jquery javascript?

Question

Как обновить только элемент HTML-страницы с помощью Jquery или Javascript, щелкнув другой элемент на той же странице? Мне нужно знать это для реализации формы капчи.

<img src="includes/captcha.php" style="padding:10px 0;"/>&nbsp;&nbsp;&nbsp;
<img src="images/refresh.gif" onclick="window.location.reload()" style="cursor:pointer; padding:10px 0;" />

Я хочу перезагрузить изображение, созданное с помощью captcha.php, нажав на кнопку refresh.gif. Текущий код перезагружает всю страницу.

Answer 1

Это не требует jquery. Просто измените атрибут images src, чтобы включить некоторые дополнительные случайные данные.

function reloadImage() {
    var now = new Date();
    document.getElementById('captcha').src = 'includes/captcha.php?r=' + now.getTime();
}

Измените тег изображения, чтобы установить такой идентификатор.

<img src="includes/captcha.php" id="captcha" style="padding:10px 0;"/>

И добавьте вызов функции в ваше изображение обновления.

<img src="images/refresh.gif" onclick="reloadImage()" style="cursor:pointer; padding:10px 0;" />

Answer 2

Вам нужно использовать функцию jQuery load ()

Например, если вы хотите заменить содержимое div на id = 'myDiv' на содержимое div с id = 'theyDiv'из HTML-кода удаленной страницы сделайте это:

$ (' # myDiv '). load (' http://theirurl #theirDiv ');

См.

http://api.jquery.com/load