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">
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>jQuery Local File Test</title>
7 <script src="../src/core.js"></script>
8 <script src="../src/deferred.js"></script>
9 <script src="../src/support.js"></script>
10 <script src="../src/data.js"></script>
11 <script src="../src/queue.js"></script>
12 <script src="../src/attributes.js"></script>
13 <script src="../src/event.js"></script>
14 <script src="../src/sizzle/sizzle.js"></script>
15 <script src="../src/sizzle-jquery.js"></script>
16 <script src="../src/traversing.js"></script>
17 <script src="../src/manipulation.js"></script>
18 <script src="../src/css.js"></script>
19 <script src="../src/ajax.js"></script>
20 <script src="../src/ajax/jsonp.js"></script>
21 <script src="../src/ajax/script.js"></script>
22 <script src="../src/ajax/xhr.js"></script>
23 <script src="../src/effects.js"></script>
24 <script src="../src/offset.js"></script>
25 <script src="../src/dimensions.js"></script>
27 .error { color: red; }
28 .success { color: green; }
32 <h1>jQuery Local File Test</h1>
38 Access this file using the "file:" protocol,
41 two green "OK" strings must appear below,
44 Empty local files will issue errors, it's a known limitation.
68 var logUL = jQuery( "#log" );
69 function doLog( message, args ) {
70 jQuery( "<li />").appendTo( logUL ).text( message + ': "' + Array.prototype.join.call( args, '" - "' ) + '"' );
72 jQuery.ajax( "./data/badjson.js" , {
73 context: jQuery( "#success" ),
75 }).success(function( data, _, xhr ) {
76 doLog( "Success (" + xhr.status + ")" , arguments );
77 this.addClass( data ? "success" : "error" ).text( "OK" );
78 }).error(function( xhr ) {
79 doLog( "Success (" + xhr.status + ")" , arguments );
80 this.addClass( "error" ).text( "FAIL" );
82 jQuery.ajax( "./data/doesnotexist.ext" , {
83 context: jQuery( "#error" ),
85 }).error(function( xhr ) {
86 doLog( "Error (" + xhr.status + ")" , arguments );
87 this.addClass( "success" ).text( "OK" );
88 }).success(function( data, _, xhr ) {
89 doLog( "Error (" + xhr.status + ")" , arguments );
90 this.addClass( "error" ).text( "FAIL" );