Makes local filesystem test for ajax more insightful.

This commit is contained in:
jaubourg 2011-02-09 15:27:50 +01:00
parent 2953d0481a
commit 806d9ce811

View file

@ -22,35 +22,57 @@
<script src="../src/effects.js"></script> <script src="../src/effects.js"></script>
<script src="../src/offset.js"></script> <script src="../src/offset.js"></script>
<script src="../src/dimensions.js"></script> <script src="../src/dimensions.js"></script>
<style>
.error { color: red; }
.success { color: green; }
</style>
</head> </head>
<body> <body>
<h1>jQuery Local File Test</h1> <h1>jQuery Local File Test</h1>
<ul> <ul>
<li> <li>
Access this file using the "file:" protocol. Access this file using the "file:" protocol,
</li> </li>
<li> <li>
Two lines must appear below. two "OK" strings must appear below,
</li> </li>
<li> <li>
Opera will fail at detecting errors, it's a known issue. Opera will fail at detecting errors, it's a known issue.
</li> </li>
</ul> </ul>
<ul>
<li>
Success:
<span id="success">
</span>
</li>
<li>
Error:
<span id="error">
</span>
</li>
</ul>
<script> <script>
jQuery.ajax( "data/badjson.js" , { jQuery.ajax( "./data/badjson.js" , {
context: jQuery( "#success" ),
dataType: "text" dataType: "text"
}).success(function() { }).success(function() {
jQuery( "<div/>" ).text( "Success OK" ).appendTo( "body" ); console && console.log && console.log( "success/success" , arguments );
this.addClass("success").text( "OK" );
}).error(function() {
console && console.log && console.log( "success/error" , arguments );
this.addClass("error").text( "FAIL" );
}); });
jQuery.ajax( "data/doesnotexist.ext" , { jQuery.ajax( "./data/doesnotexist.ext" , {
context: jQuery( "#error" ),
dataType: "text" dataType: "text"
}).error(function() { }).error(function() {
jQuery( "<div/>" ).text( "Error OK" ).appendTo( "body" ); console && console.log && console.log( "error/error" , arguments );
this.addClass("success").text( "OK" );
}).success(function() { }).success(function() {
if ( jQuery.browser.opera ) { console && console.log && console.log( "error/success" , arguments );
jQuery( "<div/>" ).text( "Error Fail (Opera)" ).appendTo( "body" ); this.addClass( $.browser.opera ? "success" : "error" ).text( "FAIL" );
}
}); });
</script> </script>
</body> </body>