Startkit. Ajax

1. // Ajax application
2. // My God, I cannot understand PHP. Forget it. Find an example of Asp.net.
3. /*
4. Use jquery to generate a div container with the ID "rating ".
5. The Code generates five links and appends them to the "rating" container. When one of the links is clicked,
6. The score indicated by this link is sent to rate. php as the rating parameter. Then,
7. The results will be passed back from the server in XML format and added to the container to replace these links.
8. */
9. $ (Document). Ready (function (){
10. // Generate Markup
11. VaR ratingmarkup = ["Please rate:"];
12. For (VAR I = 1; I <= 5; I ++ ){
13. Ratingmarkup [ratingmarkup. Length] = "<a href = '#'>" + I + "</a> ";
14. }
15. // Add markup to container and applier click handlers to anchors
16. $ ("# Rating"). append (ratingmarkup. Join (''). Find (" A "). Click (function (e ){
17. E. preventdefault ();
18. // Send requests
19. $. Post ("rate. php", {rating: rating (this).html ()}, function (XML ){
20. // Format result
21. VaR result = [
22. "Thanks for rating, current average :",
23. $ ("Average", XML). Text (),
24. ", Number of votes :",
25. $ ("Count", XML). Text ()
26. ];
27. // Output result
28. $ ("# Rating" pai.html (result. Join (''));
29. });
30. });
31. });
33. /*
34. An issue that often occurs when using Ajax to load content is: when loading an event handle to an HTML document,
35. You also need to apply these events on the loaded content. You have to apply these event handles after the content is loaded,
36. To prevent repeated code execution, you may use
37. */
38. // Lets use the shortcut
39. $ (Function (){
40. VaR addclickhandlers = function (){
41. $ ("A. clickmetoloadcontent"). Click (function (){
42. $ ("# Target"). Load (this. href, addclickhandlers );
43. });
44. };
45. Addclickhandlers ();
46. });
47. /*
48. Now, addclickhandlers is executed only once after the Dom is loaded. This is after you click a link with the clickmetoloadcontent style and the content is loaded.
49. Note that the addclickhandlers function is defined as a local variable instead of a global variable (for example, function addclickhandlers (){...}),
50. This is done to prevent conflicts with other global variables or functions.
51. Another common problem is the callback parameter. You can use an additional parameter to specify the callback method. The simple method is to include this callback method in another function:
52. */
53. $ (Function (){
54. // Get some data
55. VaR foobar = ...;
56. // Specify handler, it needs data as a paramter
57. VaR handler = function (data ){
58. ...
59. };
60. // Add click handler and pass foobar!
61. $ ('A'). Click (function (event) {handler (foobar );});
63. // If you need the context of the original handler, use apply:
64. $ ('A'). Click (function (event) {handler. Apply (this, [foobar]);});
65. });