Trong ví dụ trước, tôi đã giải thích cho bạn cách làm mới dữ liệu trên trang JSP đến từ Spring MVC Controller và làm mới bằng cách sử dụng JQuery. Bạn có thể xem nó ở đây
Bài viết này sẽ giúp bạn hiểu sức mạnh của jQuery [thư viện hàm JavaScript] với trang html đơn giản
Thử nghiệm
Crunchify - Refresh Div without Reloading Page
body {
background-image:
url['//cdn.crunchify.com/wp-content/uploads/2013/03/Crunchify.bg_.300.png'];
}
$[document].ready[
function[] {
setInterval[function[] {
var randomnumber = Math.floor[Math.random[] * 100];
$['#show'].text[
'I am getting refreshed every 3 seconds..! Random Number ==> '
+ randomnumber];
}, 3000];
}];
by Crunchify.com
Danh sách tất cả các ví dụ về Java, jQuery, AJAX, Spring MVC
Tham gia thảo luận
Nếu bạn thích bài viết này, xin vui lòng chia sẻ nó trên phương tiện truyền thông xã hội. Vẫn còn bất kỳ câu hỏi về một bài viết, để lại cho chúng tôi một bình luận
Ví dụ Ajax này sẽ cung cấp cho bạn ý tưởng về cách trình bày cho người dùng dữ liệu động dựa trên đầu vào bằng phương pháp Ajax. Tôi sẽ sử dụng thư viện jQuery JavaScript cho ví dụ về danh sách chọn được liên kết này. Dynamically Populate Select List by Ajax là một ví dụ sử dụng
Bạn sẽ tìm thấy một liên kết ở đó để làm điều tương tự với Javascript và ajax đơn giản
Xin chào, trước hết hãy để tôi cảm ơn bất cứ ai sẵn sàng giúp đỡ với điều này
Điều này có thể sẽ dễ dàng với một số bạn, nhưng dường như tôi không thể hiểu được
Tôi đang cố tải lại một số nội dung động có trong thẻ div mà không làm mới toàn bộ trang. Sau khi tìm kiếm, có vẻ như Ajax là lựa chọn tốt nhất của tôi, nhưng tôi chưa bao giờ làm việc với JQuery trước đây
Đây là đoạn mã từ trang chứa dữ liệu tôi đang tìm cách làm mới khi người dùng nhấp vào nút biểu mẫu "cập nhật"
column 1 column 2 column 3 column 4 Như bạn có thể thấy, tôi hiện đang tải lại toàn bộ trang, điều này rất yếu. Nếu có ai biết về một giải pháp dễ dàng, tôi sẽ đánh giá cao nó, cảm ơn một lần nữa
Xin thứ lỗi và hoàn toàn bỏ qua những bình luận của tôi ở trên, tôi đã vội đăng một câu hỏi ở đây mà không thực sự suy nghĩ thấu đáo
Sau khi nghiên cứu thêm, tôi đã tìm ra cách mà tôi tin là cách tốt hơn để hoàn thành nhiệm vụ này, nhưng tôi không thể làm cho nó hoạt động được
Tôi đang cố gắng tự động làm mới nội dung bên trong thẻ div bằng jQuery và thậm chí còn tìm thấy hai hướng dẫn tuyệt vời [không thể đăng liên kết, hãy tìm kiếm “jquery refresh div”, tôi đã đọc cả brightcherry và 9 bài học]
Nhìn thẳng về phía trước đủ, ngay cả đối với tôi. Vì vậy, tôi mở mã ban đầu, trông giống như
rank
website
traffic
change
Và sửa đổi như đã nêu trong các bài học, di chuyển
đến một tệp bên ngoài có tên là dữ liệu. php và gọi nó trong js để được làm mới sau mỗi 10 giây
var auto_refresh = setInterval[
function[]
{
$['#data'].fadeOut['slow'].load['data.php'].fadeIn["slow"];
}, 10000];
...........
rank
website
traffic
change
Và nó không hoạt động. Ở tất cả. Tệp PHP không tải và khoảng trắng được hiển thị ở vị trí chứa dữ liệu. Tôi đang lúng túng ở đây và nghĩ rằng tôi chỉ không nhìn thấy điều gì đó, xin hãy giúp đỡ…