| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="html"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <title>jQuery Local File Test</title> |
| <!-- Includes --> |
| <script src="../src/core.js"></script> |
| <script src="../src/deferred.js"></script> |
| <script src="../src/support.js"></script> |
| <script src="../src/data.js"></script> |
| <script src="../src/queue.js"></script> |
| <script src="../src/attributes.js"></script> |
| <script src="../src/event.js"></script> |
| <script src="../src/sizzle/sizzle.js"></script> |
| <script src="../src/sizzle-jquery.js"></script> |
| <script src="../src/traversing.js"></script> |
| <script src="../src/manipulation.js"></script> |
| <script src="../src/css.js"></script> |
| <script src="../src/ajax.js"></script> |
| <script src="../src/ajax/jsonp.js"></script> |
| <script src="../src/ajax/script.js"></script> |
| <script src="../src/ajax/xhr.js"></script> |
| <script src="../src/effects.js"></script> |
| <script src="../src/offset.js"></script> |
| <script src="../src/dimensions.js"></script> |
| <style> |
| .error { color: red; } |
| .success { color: green; } |
| </style> |
| </head> |
| <body> |
| <h1>jQuery Local File Test</h1> |
| <h2> |
| Introduction |
| </h2> |
| <ul> |
| <li> |
| Access this file using the "file:" protocol, |
| </li> |
| <li> |
| two green "OK" strings must appear below, |
| </li> |
| <li> |
| Empty local files will issue errors, it's a known limitation. |
| </li> |
| </ul> |
| <h2> |
| Results |
| </h2> |
| <ul> |
| <li> |
| Success: |
| <span id="success"> |
| </span> |
| </li> |
| <li> |
| Error: |
| <span id="error"> |
| </span> |
| </li> |
| </ul> |
| <h2> |
| Logs: |
| </h2> |
| <ul id="log"> |
| </ul> |
| <script> |
| var logUL = jQuery( "#log" ); |
| function doLog( message, args ) { |
| jQuery( "<li />").appendTo( logUL ).text( message + ': "' + Array.prototype.join.call( args, '" - "' ) + '"' ); |
| } |
| jQuery.ajax( "./data/badjson.js" , { |
| context: jQuery( "#success" ), |
| dataType: "text" |
| }).success(function( data, _, xhr ) { |
| doLog( "Success (" + xhr.status + ")" , arguments ); |
| this.addClass( data ? "success" : "error" ).text( "OK" ); |
| }).error(function( xhr ) { |
| doLog( "Success (" + xhr.status + ")" , arguments ); |
| this.addClass( "error" ).text( "FAIL" ); |
| }); |
| jQuery.ajax( "./data/doesnotexist.ext" , { |
| context: jQuery( "#error" ), |
| dataType: "text" |
| }).error(function( xhr ) { |
| doLog( "Error (" + xhr.status + ")" , arguments ); |
| this.addClass( "success" ).text( "OK" ); |
| }).success(function( data, _, xhr ) { |
| doLog( "Error (" + xhr.status + ")" , arguments ); |
| this.addClass( "error" ).text( "FAIL" ); |
| }); |
| </script> |
| </body> |
