làm cách nào để làm mới một div bằng JavaScript mà không cần tải lại trang bằng cách (‘#selectPlayer’).click(function() { location.reload(); }); Tự động làm mới Div định kỳ mà không cần làm mới toàn bộ trang.
cách làm mới một div bằng JavaScript mà không cần tải lại trang?
Làm mới một Div HTML mà không cần tải lại trang AJAX, làm cách nào để làm mới trang mà không mất dữ liệu biểu mẫu JavaScript? Tôi sẽ hướng dẫn bạn cách làm mới nội dung của một phần tử div mà không làm tải lại toàn bộ trang bằng jQuery.
làm mới div bằng jquery mà không cần tải lại trang
$('#selectPlayer').click(function() {
location.reload();
});
làm mới một div jquery
$(document).ready(function(){
$(function(){
$('#submit_team').submit(function(e){
e.preventDefault();
var form = $(this);
var sendRequestUrl = form.attr('action');
var post_data = form.serialize();
$('#loader3', form).html('<img src="../../images/ajax-loader.gif" /> Please wait...');
$.ajax({
type: 'POST',
url: sendRequestUrl,
data: post_data,
success: function(msg) {
$(form).fadeOut(800, function(){
form.html(msg).fadeIn().delay(2000);
});
}
});
});
});
});
làm mới trang bằng jquery mà không cần tải lại
In general, if you don't know how something works, look for an example which you can learn from.
For this simple problem, consider this Example
You can see loading content with AJAX is very easily accomplished with jQuery:
$(function(){
$.ajaxSetup ({
cache: false
});
var ajax_load = "<img src='https://www.pakainfo.com/logo/php.gif' alt='loading...' />";
var sendRequestUrl = "http://fiddle.jshell.net/deborah/pkmvD/show/";
$("#loadRuns").click(function(){
$("#output").html(ajax_load).load(sendRequestUrl);
});
// end
});
Try to understand how this works and then try replicating it. Good luck.
You can find the corresponding tutorial HERE
Update
Right now the following event starts the ajax load function:
$("#loadRuns").click(function(){
$("#output").html(ajax_load).load(sendRequestUrl);
});
(function worker() {
$.ajax({
url: 'ajax/pakainfo_v1.html',
success: function(data) {
$('.output').html(data);
},
complete: function() {
setTimeout(worker, 5000);
}
});
})();
I made a simple Example of this implementation for you HERE. In this Example, every 2 seconds (setTimeout(worker, 2000);) the content is updated.
You can also just load the data immediately:
$("#output").html(ajax_load).load(loadUrl);
Which has THIS corresponding Example.
Hy vọng bạn đã hiểu về cách làm mới một div bằng JavaScript mà không cần tải lại trang.
- Bài đăng blog này được xuất bản ban đầu tại: https://www.pakainfo.com
