Simple code to implement the jquery timer.
Today, the project encounters a message module at the top of the navigation bar. Want to achieve, when the message can be refreshed in a timely manner, showing the number of messages received. Thought for half a day. Thinking about 2 ways,
1. Use Struts2 's Ajax tags.
2. Use jquery.
Struts2 is a bit of a hassle, jquery is simpler with jquery. The following code: to achieve every 3S to the server to obtain data. Then assign the value to the DOM object that you want to display.
Copy Code code as follows:
$ (function () {
Run ();
var interval;
function Run () {
Interval = setinterval (chat, "3000");
}
function Chat () {
$.post ("Searchmessage.action", {"Mark": "Receive", "Ajax": "Ajax"},function (data) {
$ ("Span[name= ' mes ']"). HTML (data.num);
}, "JSON");
}
$ ("#closeChat"). Click (function () {
Cleartimeout (interval);
});
});