localfile.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="html">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>jQuery Local File Test</title>
  6. <!-- Includes -->
  7. <script src="jquery.js"></script>
  8. <style>
  9. .error { color: red; }
  10. .success { color: green; }
  11. </style>
  12. </head>
  13. <body>
  14. <h1>jQuery Local File Test</h1>
  15. <h2>
  16. Introduction
  17. </h2>
  18. <ul>
  19. <li>
  20. Access this file using the "file:" protocol,
  21. </li>
  22. <li>
  23. two green "OK" strings must appear below,
  24. </li>
  25. <li>
  26. Empty local files will issue errors, it's a known limitation.
  27. </li>
  28. </ul>
  29. <h2>
  30. Results
  31. </h2>
  32. <ul>
  33. <li>
  34. Success:
  35. <span id="success">
  36. </span>
  37. </li>
  38. <li>
  39. Error:
  40. <span id="error">
  41. </span>
  42. </li>
  43. </ul>
  44. <h2>
  45. Logs:
  46. </h2>
  47. <ul id="log">
  48. </ul>
  49. <script>
  50. var logUL = jQuery( "#log" );
  51. function doLog( message, args ) {
  52. jQuery( "<li />").appendTo( logUL ).text( message + ': "' + Array.prototype.join.call( args, '" - "' ) + '"' );
  53. }
  54. jQuery.ajax( "./data/badjson.js" , {
  55. context: jQuery( "#success" ),
  56. dataType: "text"
  57. }).success(function( data, _, xhr ) {
  58. doLog( "Success (" + xhr.status + ")" , arguments );
  59. this.addClass( data ? "success" : "error" ).text( "OK" );
  60. }).error(function( xhr ) {
  61. doLog( "Success (" + xhr.status + ")" , arguments );
  62. this.addClass( "error" ).text( "FAIL" );
  63. });
  64. jQuery.ajax( "./data/doesnotexist.ext" , {
  65. context: jQuery( "#error" ),
  66. dataType: "text"
  67. }).error(function( xhr ) {
  68. doLog( "Error (" + xhr.status + ")" , arguments );
  69. this.addClass( "success" ).text( "OK" );
  70. }).success(function( data, _, xhr ) {
  71. doLog( "Error (" + xhr.status + ")" , arguments );
  72. this.addClass( "error" ).text( "FAIL" );
  73. });
  74. </script>
  75. </body>