test/unit/ajax.js

   1 module("ajax");
   2
   3 // Safari 3 randomly crashes when running these tests,
   4 // but only in the full suite - you can run just the Ajax
   5 // tests and they'll pass
   6 //if ( !jQuery.browser.safari ) {
   7
   8 if ( !isLocal ) {
   9
  10 test("jQuery.ajax() - success callbacks", function() {
  11         expect( 8 );
  12
  13         jQuery.ajaxSetup({ timeout: 0 });
  14
  15         stop();
  16
  17         jQuery('#foo').ajaxStart(function(){
  18                 ok( true, "ajaxStart" );
  19         }).ajaxStop(function(){
  20                 ok( true, "ajaxStop" );
  21                 start();
  22         }).ajaxSend(function(){
  23                 ok( true, "ajaxSend" );
  24         }).ajaxComplete(function(){
  25                 ok( true, "ajaxComplete" );
  26         }).ajaxError(function(){
  27                 ok( false, "ajaxError" );
  28         }).ajaxSuccess(function(){
  29                 ok( true, "ajaxSuccess" );
  30         });
  31
  32         jQuery.ajax({
  33                 url: url("data/name.html"),
  34                 beforeSend: function(){ ok(true, "beforeSend"); },
  35                 success: function(){ ok(true, "success"); },
  36                 error: function(){ ok(false, "error"); },
  37                 complete: function(){ ok(true, "complete"); }
  38         });
  39 });
  40
  41 test("jQuery.ajax() - error callbacks", function() {
  42         expect( 8 );
  43         stop();
  44
  45         jQuery('#foo').ajaxStart(function(){
  46                 ok( true, "ajaxStart" );
  47         }).ajaxStop(function(){
  48                 ok( true, "ajaxStop" );
  49                 start();
  50         }).ajaxSend(function(){
  51                 ok( true, "ajaxSend" );
  52         }).ajaxComplete(function(){
  53                 ok( true, "ajaxComplete" );
  54         }).ajaxError(function(){
  55                 ok( true, "ajaxError" );
  56         }).ajaxSuccess(function(){
  57                 ok( false, "ajaxSuccess" );
  58         });
  59
  60         jQuery.ajaxSetup({ timeout: 500 });
  61
  62         jQuery.ajax({
  63                 url: url("data/name.php?wait=5"),
  64                 beforeSend: function(){ ok(true, "beforeSend"); },
  65                 success: function(){ ok(false, "success"); },
  66                 error: function(){ ok(true, "error"); },
  67                 complete: function(){ ok(true, "complete"); }
  68         });
  69 });
  70
  71 test(".ajax() - hash", function() {
  72         expect(3);
  73
  74         jQuery.ajax({
  75                 url: "data/name.html#foo",
  76                 beforeSend: function( xhr, settings ) {
  77                         equals(settings.url, "data/name.html", "Make sure that the URL is trimmed.");
  78                         return false;
  79                 }
  80         });
  81
  82         jQuery.ajax({
  83                 url: "data/name.html?abc#foo",
  84                 beforeSend: function( xhr, settings ) {
  85                         equals(settings.url, "data/name.html?abc", "Make sure that the URL is trimmed.");
  86                         return false;
  87                 }
  88         });
  89
  90         jQuery.ajax({
  91                 url: "data/name.html?abc#foo",
  92                 data: { "test": 123 },
  93                 beforeSend: function( xhr, settings ) {
  94                         equals(settings.url, "data/name.html?abc&test=123", "Make sure that the URL is trimmed.");
  95                         return false;
  96                 }
  97         });
  98 });
  99
 100 test(".ajax() - 304", function() {
 101         expect( 1 );
 102         stop();
 103
 104         jQuery.ajax({
 105                 url: url("data/notmodified.php"),
 106                 success: function(){ ok(true, "304 ok"); },
 107                 error: function(){ ok(false, "304 not ok "); },
 108                 complete: function(xhr){ start(); }
 109         });
 110 });
 111
 112 test(".load()) - 404 error callbacks", function() {
 113         expect( 6 );
 114         stop();
 115
 116         jQuery('#foo').ajaxStart(function(){
 117                 ok( true, "ajaxStart" );
 118         }).ajaxStop(function(){
 119                 ok( true, "ajaxStop" );
 120                 start();
 121         }).ajaxSend(function(){
 122                 ok( true, "ajaxSend" );
 123         }).ajaxComplete(function(){
 124                 ok( true, "ajaxComplete" );
 125         }).ajaxError(function(){
 126                 ok( true, "ajaxError" );
 127         }).ajaxSuccess(function(){
 128                 ok( false, "ajaxSuccess" );
 129         });
 130
 131         jQuery("<div/>").load("data/404.html", function(){
 132                 ok(true, "complete");
 133         });
 134 });
 135
 136 test("jQuery.ajax() - abort", function() {
 137         expect( 6 );
 138         stop();
 139
 140         jQuery('#foo').ajaxStart(function(){
 141                 ok( true, "ajaxStart" );
 142         }).ajaxStop(function(){
 143                 ok( true, "ajaxStop" );
 144                 start();
 145         }).ajaxSend(function(){
 146                 ok( true, "ajaxSend" );
 147         }).ajaxComplete(function(){
 148                 ok( true, "ajaxComplete" );
 149         });
 150
 151         var xhr = jQuery.ajax({
 152                 url: url("data/name.php?wait=5"),
 153                 beforeSend: function(){ ok(true, "beforeSend"); },
 154                 complete: function(){ ok(true, "complete"); }
 155         });
 156
 157         xhr.abort();
 158 });
 159
 160 test("Ajax events with context", function() {
 161         expect(14);
 162
 163         stop();
 164         var context = document.createElement("div");
 165
 166         function event(e){
 167                 equals( this, context, e.type );
 168         }
 169
 170         function callback(msg){
 171                 return function(){
 172                         equals( this, context, "context is preserved on callback " + msg );
 173                 };
 174         }
 175
 176         function nocallback(msg){
 177                 return function(){
 178                         equals( typeof this.url, "string", "context is settings on callback " + msg );
 179                 };
 180         }
 181
 182         jQuery('#foo').add(context)
 183                         .ajaxSend(event)
 184                         .ajaxComplete(event)
 185                         .ajaxError(event)
 186                         .ajaxSuccess(event);
 187
 188         jQuery.ajax({
 189                 url: url("data/name.html"),
 190                 beforeSend: callback("beforeSend"),
 191                 success: callback("success"),
 192                 error: callback("error"),
 193                 complete:function(){
 194                         callback("complete").call(this);
 195
 196                         jQuery.ajax({
 197                                 url: url("data/404.html"),
 198                                 context: context,
 199                                 beforeSend: callback("beforeSend"),
 200                                 error: callback("error"),
 201                                 complete: function(){
 202                                         callback("complete").call(this);
 203
 204                                         jQuery('#foo').add(context).unbind();
 205
 206                                         jQuery.ajax({
 207                                                 url: url("data/404.html"),
 208                                                 beforeSend: nocallback("beforeSend"),
 209                                                 error: nocallback("error"),
 210                                                 complete: function(){
 211                                                         nocallback("complete").call(this);
 212                                                         start();
 213                                                 }
 214                                         });
 215                                 }
 216                         });
 217                 },
 218                 context:context
 219         });
 220 });
 221
 222 test("jQuery.ajax context modification", function() {
 223         expect(1);
 224
 225         stop();
 226
 227         var obj = {}
 228
 229         jQuery.ajax({
 230                 url: url("data/name.html"),
 231                 context: obj,
 232                 beforeSend: function(){
 233                         this.test = "foo";
 234                 },
 235                 complete: function() {
 236                         start();
 237                 }
 238         });
 239
 240         equals( obj.test, "foo", "Make sure the original object is maintained." );
 241 });
 242
 243 test("jQuery.ajax() - disabled globals", function() {
 244         expect( 3 );
 245         stop();
 246
 247         jQuery('#foo').ajaxStart(function(){
 248                 ok( false, "ajaxStart" );
 249         }).ajaxStop(function(){
 250                 ok( false, "ajaxStop" );
 251         }).ajaxSend(function(){
 252                 ok( false, "ajaxSend" );
 253         }).ajaxComplete(function(){
 254                 ok( false, "ajaxComplete" );
 255         }).ajaxError(function(){
 256                 ok( false, "ajaxError" );
 257         }).ajaxSuccess(function(){
 258                 ok( false, "ajaxSuccess" );
 259         });
 260
 261         jQuery.ajax({
 262                 global: false,
 263                 url: url("data/name.html"),
 264                 beforeSend: function(){ ok(true, "beforeSend"); },
 265                 success: function(){ ok(true, "success"); },
 266                 error: function(){ ok(false, "error"); },
 267                 complete: function(){
 268                   ok(true, "complete");
 269                   setTimeout(function(){ start(); }, 13);
 270                 }
 271         });
 272 });
 273
 274 test("jQuery.ajax - xml: non-namespace elements inside namespaced elements", function() {
 275         expect(3);
 276         stop();
 277         jQuery.ajax({
 278           url: url("data/with_fries.xml"),
 279           dataType: "xml",
 280           success: function(resp) {
 281                 equals( jQuery("properties", resp).length, 1, 'properties in responseXML' );
 282                 equals( jQuery("jsconf", resp).length, 1, 'jsconf in responseXML' );
 283                 equals( jQuery("thing", resp).length, 2, 'things in responseXML' );
 284                 start();
 285           }
 286         });
 287 });
 288
 289 test("jQuery.ajax - beforeSend", function() {
 290         expect(1);
 291         stop();
 292
 293         var check = false;
 294
 295         jQuery.ajaxSetup({ timeout: 0 });
 296
 297         jQuery.ajax({
 298                 url: url("data/name.html"),
 299                 beforeSend: function(xml) {
 300                         check = true;
 301                 },
 302                 success: function(data) {
 303                         ok( check, "check beforeSend was executed" );
 304                         start();
 305                 }
 306         });
 307 });
 308
 309 test("jQuery.ajax - beforeSend, cancel request (#2688)", function() {
 310         expect(2);
 311         var request = jQuery.ajax({
 312                 url: url("data/name.html"),
 313                 beforeSend: function() {
 314                         ok( true, "beforeSend got called, canceling" );
 315                         return false;
 316                 },
 317                 success: function() {
 318                         ok( false, "request didn't get canceled" );
 319                 },
 320                 complete: function() {
 321                         ok( false, "request didn't get canceled" );
 322                 },
 323                 error: function() {
 324                         ok( false, "request didn't get canceled" );
 325                 }
 326         });
 327         ok( request === false, "canceled request must return false instead of XMLHttpRequest instance" );
 328 });
 329
 330 window.foobar = null;
 331 window.testFoo = undefined;
 332
 333 test("jQuery.ajax - dataType html", function() {
 334         expect(5);
 335         stop();
 336
 337         var verifyEvaluation = function() {
 338                 equals( testFoo, "foo", 'Check if script was evaluated for datatype html' );
 339                 equals( foobar, "bar", 'Check if script src was evaluated for datatype html' );
 340
 341                 start();
 342         };
 343
 344         jQuery.ajax({
 345           dataType: "html",
 346           url: url("data/test.html"),
 347           success: function(data) {
 348                 jQuery("#ap").html(data);
 349                 ok( data.match(/^html text/), 'Check content for datatype html' );
 350                 setTimeout(verifyEvaluation, 600);
 351           }
 352         });
 353 });
 354
 355 test("serialize()", function() {
 356         expect(5);
 357
 358         // Add html5 elements only for serialize because selector can't yet find them on non-html5 browsers
 359         jQuery("#search").after(
 360                 '<input type="email" id="html5email" name="email" value="dave@jquery.com" />'+
 361                 '<input type="number" id="html5number" name="number" value="43" />'
 362         );
 363
 364         equals( jQuery('#form').serialize(),
 365                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2",
 366                 'Check form serialization as query string');
 367
 368         equals( jQuery('#form :input').serialize(),
 369                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2",
 370                 'Check input serialization as query string');
 371
 372         equals( jQuery('#testForm').serialize(),
 373                 'T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=',
 374                 'Check form serialization as query string');
 375
 376         equals( jQuery('#testForm :input').serialize(),
 377                 'T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=',
 378                 'Check input serialization as query string');
 379
 380         equals( jQuery('#form, #testForm').serialize(),
 381                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=",
 382                 'Multiple form serialization as query string');
 383
 384   /* Temporarily disabled. Opera 10 has problems with form serialization.
 385         equals( jQuery('#form, #testForm :input').serialize(),
 386                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=",
 387                 'Mixed form/input serialization as query string');
 388         */
 389         jQuery("#html5email, #html5number").remove();
 390 });
 391
 392 test("jQuery.param()", function() {
 393         expect(22);
 394
 395         equals( !jQuery.ajaxSettings.traditional, true, "traditional flag, falsy by default" );
 396
 397         var params = {foo:"bar", baz:42, quux:"All your base are belong to us"};
 398         equals( jQuery.param(params), "foo=bar&baz=42&quux=All+your+base+are+belong+to+us", "simple" );
 399
 400         params = {someName: [1, 2, 3], regularThing: "blah" };
 401         equals( jQuery.param(params), "someName%5B%5D=1&someName%5B%5D=2&someName%5B%5D=3&regularThing=blah", "with array" );
 402
 403         params = {foo: ['a', 'b', 'c']};
 404         equals( jQuery.param(params), "foo%5B%5D=a&foo%5B%5D=b&foo%5B%5D=c", "with array of strings" );
 405
 406         params = {foo: ["baz", 42, "All your base are belong to us"] };
 407         equals( jQuery.param(params), "foo%5B%5D=baz&foo%5B%5D=42&foo%5B%5D=All+your+base+are+belong+to+us", "more array" );
 408
 409         params = {foo: { bar: 'baz', beep: 42, quux: 'All your base are belong to us' } };
 410         equals( jQuery.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All+your+base+are+belong+to+us", "even more arrays" );
 411
 412         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
 413         equals( decodeURIComponent( jQuery.param(params) ), "a[]=1&a[]=2&b[c]=3&b[d][]=4&b[d][]=5&b[e][x][]=6&b[e][y]=7&b[e][z][]=8&b[e][z][]=9&b[f]=true&b[g]=false&b[h]=undefined&i[]=10&i[]=11&j=true&k=false&l[]=undefined&l[]=0&m=cowboy+hat?", "huge structure" );
 414
 415         params = { a: [ 0, [ 1, 2 ], [ 3, [ 4, 5 ], [ 6 ] ], { b: [ 7, [ 8, 9 ], [ { c: 10, d: 11 } ], [ [ 12 ] ], [ [ [ 13 ] ] ], { e: { f: { g: [ 14, [ 15 ] ] } } }, 16 ] }, 17 ] };
 416         equals( decodeURIComponent( jQuery.param(params) ), "a[]=0&a[1][]=1&a[1][]=2&a[2][]=3&a[2][1][]=4&a[2][1][]=5&a[2][2][]=6&a[3][b][]=7&a[3][b][1][]=8&a[3][b][1][]=9&a[3][b][2][0][c]=10&a[3][b][2][0][d]=11&a[3][b][3][0][]=12&a[3][b][4][0][0][]=13&a[3][b][5][e][f][g][]=14&a[3][b][5][e][f][g][1][]=15&a[3][b][]=16&a[]=17", "nested arrays" );
 417
 418         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
 419         equals( jQuery.param(params,true), "a=1&a=2&b=%5Bobject+Object%5D&i=10&i=11&j=true&k=false&l=undefined&l=0&m=cowboy+hat%3F", "huge structure, forced traditional" );
 420
 421         equals( decodeURIComponent( jQuery.param({ a: [1,2,3], 'b[]': [4,5,6], 'c[d]': [7,8,9], e: { f: [10], g: [11,12], h: 13 } }) ), "a[]=1&a[]=2&a[]=3&b[]=4&b[]=5&b[]=6&c[d][]=7&c[d][]=8&c[d][]=9&e[f][]=10&e[g][]=11&e[g][]=12&e[h]=13", "Make sure params are not double-encoded." );
 422
 423         // Make sure empty arrays and objects are handled #6481
 424         equals( jQuery.param({"foo": {"bar": []} }), "foo%5Bbar%5D=", "Empty array param" );
 425         equals( jQuery.param({"foo": {"bar": [], foo: 1} }), "foo%5Bbar%5D=&foo%5Bfoo%5D=1", "Empty array param" );
 426         equals( jQuery.param({"foo": {"bar": {}} }), "foo%5Bbar%5D=", "Empty object param" );
 427
 428         jQuery.ajaxSetup({ traditional: true });
 429
 430         var params = {foo:"bar", baz:42, quux:"All your base are belong to us"};
 431         equals( jQuery.param(params), "foo=bar&baz=42&quux=All+your+base+are+belong+to+us", "simple" );
 432
 433         params = {someName: [1, 2, 3], regularThing: "blah" };
 434         equals( jQuery.param(params), "someName=1&someName=2&someName=3&regularThing=blah", "with array" );
 435
 436         params = {foo: ['a', 'b', 'c']};
 437         equals( jQuery.param(params), "foo=a&foo=b&foo=c", "with array of strings" );
 438
 439         params = {"foo[]":["baz", 42, "All your base are belong to us"]};
 440         equals( jQuery.param(params), "foo%5B%5D=baz&foo%5B%5D=42&foo%5B%5D=All+your+base+are+belong+to+us", "more array" );
 441
 442         params = {"foo[bar]":"baz", "foo[beep]":42, "foo[quux]":"All your base are belong to us"};
 443         equals( jQuery.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All+your+base+are+belong+to+us", "even more arrays" );
 444
 445         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
 446         equals( jQuery.param(params), "a=1&a=2&b=%5Bobject+Object%5D&i=10&i=11&j=true&k=false&l=undefined&l=0&m=cowboy+hat%3F", "huge structure" );
 447
 448         params = { a: [ 0, [ 1, 2 ], [ 3, [ 4, 5 ], [ 6 ] ], { b: [ 7, [ 8, 9 ], [ { c: 10, d: 11 } ], [ [ 12 ] ], [ [ [ 13 ] ] ], { e: { f: { g: [ 14, [ 15 ] ] } } }, 16 ] }, 17 ] };
 449         equals( jQuery.param(params), "a=0&a=1%2C2&a=3%2C4%2C5%2C6&a=%5Bobject+Object%5D&a=17", "nested arrays (not possible when jQuery.param.traditional == true)" );
 450
 451         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
 452         equals( decodeURIComponent( jQuery.param(params,false) ), "a[]=1&a[]=2&b[c]=3&b[d][]=4&b[d][]=5&b[e][x][]=6&b[e][y]=7&b[e][z][]=8&b[e][z][]=9&b[f]=true&b[g]=false&b[h]=undefined&i[]=10&i[]=11&j=true&k=false&l[]=undefined&l[]=0&m=cowboy+hat?", "huge structure, forced not traditional" );
 453
 454         params = { param1: null };
 455         equals( jQuery.param(params,false), "param1=null", "Make sure that null params aren't traversed." );
 456 });
 457
 458 test("synchronous request", function() {
 459         expect(1);
 460         ok( /^{ "data"/.test( jQuery.ajax({url: url("data/json_obj.js"), dataType: "text", async: false}).responseText ), "check returned text" );
 461 });
 462
 463 test("synchronous request with callbacks", function() {
 464         expect(2);
 465         var result;
 466         jQuery.ajax({url: url("data/json_obj.js"), async: false, dataType: "text", success: function(data) { ok(true, "sucess callback executed"); result = data; } });
 467         ok( /^{ "data"/.test( result ), "check returned text" );
 468 });
 469
 470 test("pass-through request object", function() {
 471         expect(8);
 472         stop();
 473
 474         var target = "data/name.html";
 475         var successCount = 0;
 476         var errorCount = 0;
 477         var errorEx = "";
 478         var success = function() {
 479                 successCount++;
 480         };
 481         jQuery("#foo").ajaxError(function (e, xml, s, ex) {
 482                 errorCount++;
 483                 errorEx += ": " + xml.status;
 484         });
 485         jQuery("#foo").one('ajaxStop', function () {
 486                 equals(successCount, 5, "Check all ajax calls successful");
 487                 equals(errorCount, 0, "Check no ajax errors (status" + errorEx + ")");
 488                 jQuery("#foo").unbind('ajaxError');
 489
 490                 start();
 491         });
 492
 493         ok( jQuery.get(url(target), success), "get" );
 494         ok( jQuery.post(url(target), success), "post" );
 495         ok( jQuery.getScript(url("data/test.js"), success), "script" );
 496         ok( jQuery.getJSON(url("data/json_obj.js"), success), "json" );
 497         ok( jQuery.ajax({url: url(target), success: success}), "generic" );
 498 });
 499
 500 test("ajax cache", function () {
 501         expect(18);
 502
 503         stop();
 504
 505         var count = 0;
 506
 507         jQuery("#firstp").bind("ajaxSuccess", function (e, xml, s) {
 508                 var re = /_=(.*?)(&|$)/g;
 509                 var oldOne = null;
 510                 for (var i = 0; i < 6; i++) {
 511                         var ret = re.exec(s.url);
 512                         if (!ret) {
 513                                 break;
 514                         }
 515                         oldOne = ret[1];
 516                 }
 517                 equals(i, 1, "Test to make sure only one 'no-cache' parameter is there");
 518                 ok(oldOne != "tobereplaced555", "Test to be sure parameter (if it was there) was replaced");
 519                 if(++count == 6)
 520                         start();
 521         });
 522
 523         ok( jQuery.ajax({url: "data/text.php", cache:false}), "test with no parameters" );
 524         ok( jQuery.ajax({url: "data/text.php?pizza=true", cache:false}), "test with 1 parameter" );
 525         ok( jQuery.ajax({url: "data/text.php?_=tobereplaced555", cache:false}), "test with _= parameter" );
 526         ok( jQuery.ajax({url: "data/text.php?pizza=true&_=tobereplaced555", cache:false}), "test with 1 parameter plus _= one" );
 527         ok( jQuery.ajax({url: "data/text.php?_=tobereplaced555&tv=false", cache:false}), "test with 1 parameter plus _= one before it" );
 528         ok( jQuery.ajax({url: "data/text.php?name=David&_=tobereplaced555&washere=true", cache:false}), "test with 2 parameters surrounding _= one" );
 529 });
 530
 531 /*
 532  * Test disabled.
 533  * The assertions expect that the passed-in object will be modified,
 534  * which shouldn't be the case. Fixes #5439.
 535 test("global ajaxSettings", function() {
 536         expect(2);
 537
 538         var tmp = jQuery.extend({}, jQuery.ajaxSettings);
 539         var orig = { url: "data/with_fries.xml" };
 540         var t;
 541
 542         jQuery.ajaxSetup({ data: {foo: 'bar', bar: 'BAR'} });
 543
 544         t = jQuery.extend({}, orig);
 545         t.data = {};
 546         jQuery.ajax(t);
 547         ok( t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending {}" );
 548
 549         t = jQuery.extend({}, orig);
 550         t.data = { zoo: 'a', ping: 'b' };
 551         jQuery.ajax(t);
 552         ok( t.url.indexOf('ping') > -1 && t.url.indexOf('zoo') > -1 && t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending { zoo: 'a', ping: 'b' }" );
 553
 554         jQuery.ajaxSettings = tmp;
 555 });
 556 */
 557
 558 test("load(String)", function() {
 559         expect(1);
 560         stop(); // check if load can be called with only url
 561         jQuery('#first').load("data/name.html", start);
 562 });
 563
 564 test("load('url selector')", function() {
 565         expect(1);
 566         stop(); // check if load can be called with only url
 567         jQuery('#first').load("data/test3.html div.user", function(){
 568                 equals( jQuery(this).children("div").length, 2, "Verify that specific elements were injected" );
 569                 start();
 570         });
 571 });
 572
 573 test("load(String, Function) with ajaxSetup on dataType json, see #2046", function() {
 574         expect(1);
 575         stop();
 576         jQuery.ajaxSetup({ dataType: "json" });
 577         jQuery("#first").ajaxComplete(function (e, xml, s) {
 578                 equals( s.dataType, "html", "Verify the load() dataType was html" );
 579                 jQuery("#first").unbind("ajaxComplete");
 580                 jQuery.ajaxSetup({ dataType: "" });
 581                 start();
 582         });
 583         jQuery('#first').load("data/test3.html");
 584 });
 585
 586 test("load(String, Function) - simple: inject text into DOM", function() {
 587         expect(2);
 588         stop();
 589         jQuery('#first').load(url("data/name.html"), function() {
 590                 ok( /^ERROR/.test(jQuery('#first').text()), 'Check if content was injected into the DOM' );
 591                 start();
 592         });
 593 });
 594
 595 test("load(String, Function) - check scripts", function() {
 596         expect(7);
 597         stop();
 598
 599         var verifyEvaluation = function() {
 600                 equals( foobar, "bar", 'Check if script src was evaluated after load' );
 601                 equals( jQuery('#ap').html(), 'bar', 'Check if script evaluation has modified DOM');
 602
 603                 start();
 604         };
 605         jQuery('#first').load(url('data/test.html'), function() {
 606                 ok( jQuery('#first').html().match(/^html text/), 'Check content after loading html' );
 607                 equals( jQuery('#foo').html(), 'foo', 'Check if script evaluation has modified DOM');
 608                 equals( testFoo, "foo", 'Check if script was evaluated after load' );
 609                 setTimeout(verifyEvaluation, 600);
 610         });
 611 });
 612
 613 test("load(String, Function) - check file with only a script tag", function() {
 614         expect(3);
 615         stop();
 616
 617         jQuery('#first').load(url('data/test2.html'), function() {
 618                 equals( jQuery('#foo').html(), 'foo', 'Check if script evaluation has modified DOM');
 619                 equals( testFoo, "foo", 'Check if script was evaluated after load' );
 620
 621                 start();
 622         });
 623 });
 624
 625 test("load(String, Object, Function)", function() {
 626         expect(2);
 627         stop();
 628
 629         jQuery('<div />').load(url('data/params_html.php'), { foo:3, bar:'ok' }, function() {
 630                 var $post = jQuery(this).find('#post');
 631                 equals( $post.find('#foo').text(), '3', 'Check if a hash of data is passed correctly');
 632                 equals( $post.find('#bar').text(), 'ok', 'Check if a hash of data is passed correctly');
 633                 start();
 634         });
 635 });
 636
 637 test("load(String, String, Function)", function() {
 638         expect(2);
 639         stop();
 640
 641         jQuery('<div />').load(url('data/params_html.php'), 'foo=3&bar=ok', function() {
 642                 var $get = jQuery(this).find('#get');
 643                 equals( $get.find('#foo').text(), '3', 'Check if a string of data is passed correctly');
 644                 equals( $get.find('#bar').text(), 'ok', 'Check if a      of data is passed correctly');
 645                 start();
 646         });
 647 });
 648
 649 test("jQuery.get(String, Hash, Function) - parse xml and use text() on nodes", function() {
 650         expect(2);
 651         stop();
 652         jQuery.get(url('data/dashboard.xml'), function(xml) {
 653                 var content = [];
 654                 jQuery('tab', xml).each(function() {
 655                         content.push(jQuery(this).text());
 656                 });
 657                 equals( content[0], 'blabla', 'Check first tab');
 658                 equals( content[1], 'blublu', 'Check second tab');
 659                 start();
 660         });
 661 });
 662
 663 test("jQuery.getScript(String, Function) - with callback", function() {
 664         expect(2);
 665         stop();
 666         jQuery.getScript(url("data/test.js"), function() {
 667                 equals( foobar, "bar", 'Check if script was evaluated' );
 668                 setTimeout(start, 100);
 669         });
 670 });
 671
 672 test("jQuery.getScript(String, Function) - no callback", function() {
 673         expect(1);
 674         stop();
 675         jQuery.getScript(url("data/test.js"), function(){
 676                 start();
 677         });
 678 });
 679
 680 test("jQuery.ajax() - JSONP, Local", function() {
 681         expect(8);
 682
 683         var count = 0;
 684         function plus(){ if ( ++count == 8 ) start(); }
 685
 686         stop();
 687
 688         jQuery.ajax({
 689                 url: "data/jsonp.php",
 690                 dataType: "jsonp",
 691                 success: function(data){
 692                         ok( data.data, "JSON results returned (GET, no callback)" );
 693                         plus();
 694                 },
 695                 error: function(data){
 696                         ok( false, "Ajax error JSON (GET, no callback)" );
 697                         plus();
 698                 }
 699         });
 700
 701         jQuery.ajax({
 702                 url: "data/jsonp.php?callback=?",
 703                 dataType: "jsonp",
 704                 success: function(data){
 705                         ok( data.data, "JSON results returned (GET, url callback)" );
 706                         plus();
 707                 },
 708                 error: function(data){
 709                         ok( false, "Ajax error JSON (GET, url callback)" );
 710                         plus();
 711                 }
 712         });
 713
 714         jQuery.ajax({
 715                 url: "data/jsonp.php",
 716                 dataType: "jsonp",
 717                 data: "callback=?",
 718                 success: function(data){
 719                         ok( data.data, "JSON results returned (GET, data callback)" );
 720                         plus();
 721                 },
 722                 error: function(data){
 723                         ok( false, "Ajax error JSON (GET, data callback)" );
 724                         plus();
 725                 }
 726         });
 727
 728         jQuery.ajax({
 729                 url: "data/jsonp.php",
 730                 dataType: "jsonp",
 731                 jsonp: "callback",
 732                 success: function(data){
 733                         ok( data.data, "JSON results returned (GET, data obj callback)" );
 734                         plus();
 735                 },
 736                 error: function(data){
 737                         ok( false, "Ajax error JSON (GET, data obj callback)" );
 738                         plus();
 739                 }
 740         });
 741
 742         jQuery.ajax({
 743                 url: "data/jsonp.php",
 744                 dataType: "jsonp",
 745                 jsonpCallback: "jsonpResults",
 746                 success: function(data){
 747                         ok( data.data, "JSON results returned (GET, custom callback name)" );
 748                         plus();
 749                 },
 750                 error: function(data){
 751                         ok( false, "Ajax error JSON (GET, custom callback name)" );
 752                         plus();
 753                 }
 754         });
 755
 756         jQuery.ajax({
 757                 type: "POST",
 758                 url: "data/jsonp.php",
 759                 dataType: "jsonp",
 760                 success: function(data){
 761                         ok( data.data, "JSON results returned (POST, no callback)" );
 762                         plus();
 763                 },
 764                 error: function(data){
 765                         ok( false, "Ajax error JSON (GET, data obj callback)" );
 766                         plus();
 767                 }
 768         });
 769
 770         jQuery.ajax({
 771                 type: "POST",
 772                 url: "data/jsonp.php",
 773                 data: "callback=?",
 774                 dataType: "jsonp",
 775                 success: function(data){
 776                         ok( data.data, "JSON results returned (POST, data callback)" );
 777                         plus();
 778                 },
 779                 error: function(data){
 780                         ok( false, "Ajax error JSON (POST, data callback)" );
 781                         plus();
 782                 }
 783         });
 784
 785         jQuery.ajax({
 786                 type: "POST",
 787                 url: "data/jsonp.php",
 788                 jsonp: "callback",
 789                 dataType: "jsonp",
 790                 success: function(data){
 791                         ok( data.data, "JSON results returned (POST, data obj callback)" );
 792                         plus();
 793                 },
 794                 error: function(data){
 795                         ok( false, "Ajax error JSON (POST, data obj callback)" );
 796                         plus();
 797                 }
 798         });
 799 });
 800
 801 test("JSONP - Custom JSONP Callback", function() {
 802         expect(1);
 803         stop();
 804
 805         window.jsonpResults = function(data) {
 806                 ok( data.data, "JSON results returned (GET, custom callback function)" );
 807                 start();
 808         };
 809
 810         jQuery.ajax({
 811                 url: "data/jsonp.php",
 812                 dataType: "jsonp",
 813                 jsonpCallback: "jsonpResults"
 814         });
 815 });
 816
 817 test("jQuery.ajax() - JSONP, Remote", function() {
 818         expect(4);
 819
 820         var count = 0;
 821         function plus(){ if ( ++count == 4 ) start(); }
 822
 823         var base = window.location.href.replace(/[^\/]*$/, "");
 824
 825         stop();
 826
 827         jQuery.ajax({
 828                 url: base + "data/jsonp.php",
 829                 dataType: "jsonp",
 830                 success: function(data){
 831                         ok( data.data, "JSON results returned (GET, no callback)" );
 832                         plus();
 833                 },
 834                 error: function(data){
 835                         ok( false, "Ajax error JSON (GET, no callback)" );
 836                         plus();
 837                 }
 838         });
 839
 840         jQuery.ajax({
 841                 url: base + "data/jsonp.php?callback=?",
 842                 dataType: "jsonp",
 843                 success: function(data){
 844                         ok( data.data, "JSON results returned (GET, url callback)" );
 845                         plus();
 846                 },
 847                 error: function(data){
 848                         ok( false, "Ajax error JSON (GET, url callback)" );
 849                         plus();
 850                 }
 851         });
 852
 853         jQuery.ajax({
 854                 url: base + "data/jsonp.php",
 855                 dataType: "jsonp",
 856                 data: "callback=?",
 857                 success: function(data){
 858                         ok( data.data, "JSON results returned (GET, data callback)" );
 859                         plus();
 860                 },
 861                 error: function(data){
 862                         ok( false, "Ajax error JSON (GET, data callback)" );
 863                         plus();
 864                 }
 865         });
 866
 867         jQuery.ajax({
 868                 url: base + "data/jsonp.php",
 869                 dataType: "jsonp",
 870                 jsonp: "callback",
 871                 success: function(data){
 872                         ok( data.data, "JSON results returned (GET, data obj callback)" );
 873                         plus();
 874                 },
 875                 error: function(data){
 876                         ok( false, "Ajax error JSON (GET, data obj callback)" );
 877                         plus();
 878                 }
 879         });
 880 });
 881
 882 test("jQuery.ajax() - script, Remote", function() {
 883         expect(2);
 884
 885         var base = window.location.href.replace(/[^\/]*$/, "");
 886
 887         stop();
 888
 889         jQuery.ajax({
 890                 url: base + "data/test.js",
 891                 dataType: "script",
 892                 success: function(data){
 893                         ok( foobar, "Script results returned (GET, no callback)" );
 894                         start();
 895                 }
 896         });
 897 });
 898
 899 test("jQuery.ajax() - script, Remote with POST", function() {
 900         expect(3);
 901
 902         var base = window.location.href.replace(/[^\/]*$/, "");
 903
 904         stop();
 905
 906         jQuery.ajax({
 907                 url: base + "data/test.js",
 908                 type: "POST",
 909                 dataType: "script",
 910                 success: function(data, status){
 911                         ok( foobar, "Script results returned (POST, no callback)" );
 912                         equals( status, "success", "Script results returned (POST, no callback)" );
 913                         start();
 914                 },
 915                 error: function(xhr) {
 916                         ok( false, "ajax error, status code: " + xhr.status );
 917                         start();
 918                 }
 919         });
 920 });
 921
 922 test("jQuery.ajax() - script, Remote with scheme-less URL", function() {
 923         expect(2);
 924
 925         var base = window.location.href.replace(/[^\/]*$/, "");
 926         base = base.replace(/^.*?\/\//, "//");
 927
 928         stop();
 929
 930         jQuery.ajax({
 931                 url: base + "data/test.js",
 932                 dataType: "script",
 933                 success: function(data){
 934                         ok( foobar, "Script results returned (GET, no callback)" );
 935                         start();
 936                 }
 937         });
 938 });
 939
 940 test("jQuery.ajax() - malformed JSON", function() {
 941         expect(2);
 942
 943         stop();
 944
 945         jQuery.ajax({
 946                 url: "data/badjson.js",
 947                 dataType: "json",
 948                 success: function(){
 949                         ok( false, "Success." );
 950                         start();
 951                 },
 952                 error: function(xhr, msg, detailedMsg) {
 953                         equals( "parsererror", msg, "A parse error occurred." );
 954                         ok( /^Invalid JSON/.test(detailedMsg), "Detailed parsererror message provided" );
 955                         start();
 956                 }
 957         });
 958 });
 959
 960 test("jQuery.ajax() - script by content-type", function() {
 961         expect(1);
 962
 963         stop();
 964
 965         jQuery.ajax({
 966                 url: "data/script.php",
 967                 data: { header: "script" },
 968                 success: function() {
 969                         start();
 970                 }
 971         });
 972 });
 973
 974 test("jQuery.ajax() - json by content-type", function() {
 975         expect(5);
 976
 977         stop();
 978
 979         jQuery.ajax({
 980                 url: "data/json.php",
 981                 data: { header: "json", json: "array" },
 982                 success: function( json ) {
 983                         ok( json.length >= 2, "Check length");
 984                         equals( json[0].name, 'John', 'Check JSON: first, name' );
 985                         equals( json[0].age, 21, 'Check JSON: first, age' );
 986                         equals( json[1].name, 'Peter', 'Check JSON: second, name' );
 987                         equals( json[1].age, 25, 'Check JSON: second, age' );
 988                         start();
 989                 }
 990         });
 991 });
 992
 993 test("jQuery.getJSON(String, Hash, Function) - JSON array", function() {
 994         expect(5);
 995         stop();
 996         jQuery.getJSON(url("data/json.php"), {json: "array"}, function(json) {
 997           ok( json.length >= 2, "Check length");
 998           equals( json[0].name, 'John', 'Check JSON: first, name' );
 999           equals( json[0].age, 21, 'Check JSON: first, age' );
1000           equals( json[1].name, 'Peter', 'Check JSON: second, name' );
1001           equals( json[1].age, 25, 'Check JSON: second, age' );
1002           start();
1003         });
1004 });
1005
1006 test("jQuery.getJSON(String, Function) - JSON object", function() {
1007         expect(2);
1008         stop();
1009         jQuery.getJSON(url("data/json.php"), function(json) {
1010           if (json && json.data) {
1011                   equals( json.data.lang, 'en', 'Check JSON: lang' );
1012                   equals( json.data.length, 25, 'Check JSON: length' );
1013           }
1014           start();
1015         });
1016 });
1017
1018 test("jQuery.getJSON - Using Native JSON", function() {
1019         expect(2);
1020
1021         var old = window.JSON;
1022         JSON = {
1023                 parse: function(str){
1024                         ok( true, "Verifying that parse method was run" );
1025                         return true;
1026                 }
1027         };
1028
1029         stop();
1030         jQuery.getJSON(url("data/json.php"), function(json) {
1031                 window.JSON = old;
1032                 equals( json, true, "Verifying return value" );
1033                 start();
1034         });
1035 });
1036
1037 test("jQuery.getJSON(String, Function) - JSON object with absolute url to local content", function() {
1038         expect(2);
1039
1040         var base = window.location.href.replace(/[^\/]*$/, "");
1041
1042         stop();
1043         jQuery.getJSON(url(base + "data/json.php"), function(json) {
1044           equals( json.data.lang, 'en', 'Check JSON: lang' );
1045           equals( json.data.length, 25, 'Check JSON: length' );
1046           start();
1047         });
1048 });
1049
1050 test("jQuery.post - data", function() {
1051         expect(2);
1052         stop();
1053
1054         jQuery.post(url("data/name.php"), {xml: "5-2", length: 3}, function(xml){
1055                 jQuery('math', xml).each(function() {
1056                         equals( jQuery('calculation', this).text(), '5-2', 'Check for XML' );
1057                         equals( jQuery('result', this).text(), '3', 'Check for XML' );
1058                 });
1059                 start();
1060         });
1061 });
1062
1063 test("jQuery.post(String, Hash, Function) - simple with xml", function() {
1064         expect(4);
1065         stop();
1066         var done = 0;
1067
1068         jQuery.post(url("data/name.php"), {xml: "5-2"}, function(xml){
1069           jQuery('math', xml).each(function() {
1070                         equals( jQuery('calculation', this).text(), '5-2', 'Check for XML' );
1071                         equals( jQuery('result', this).text(), '3', 'Check for XML' );
1072                  });
1073           if ( ++done === 2 ) start();
1074         });
1075
1076         jQuery.post(url("data/name.php?xml=5-2"), {}, function(xml){
1077           jQuery('math', xml).each(function() {
1078                         equals( jQuery('calculation', this).text(), '5-2', 'Check for XML' );
1079                         equals( jQuery('result', this).text(), '3', 'Check for XML' );
1080                  });
1081           if ( ++done === 2 ) start();
1082         });
1083 });
1084
1085 test("jQuery.ajaxSetup({timeout: Number}) - with global timeout", function() {
1086         stop();
1087
1088         var passed = 0;
1089
1090         jQuery.ajaxSetup({timeout: 1000});
1091
1092         var pass = function() {
1093                 passed++;
1094                 if ( passed == 2 ) {
1095                         ok( true, 'Check local and global callbacks after timeout' );
1096                         jQuery('#main').unbind("ajaxError");
1097                         start();
1098                 }
1099         };
1100
1101         var fail = function(a,b,c) {
1102                 ok( false, 'Check for timeout failed ' + a + ' ' + b );
1103                 start();
1104         };
1105
1106         jQuery('#main').ajaxError(pass);
1107
1108         jQuery.ajax({
1109           type: "GET",
1110           url: url("data/name.php?wait=5"),
1111           error: pass,
1112           success: fail
1113         });
1114
1115         // reset timeout
1116         jQuery.ajaxSetup({timeout: 0});
1117 });
1118
1119 test("jQuery.ajaxSetup({timeout: Number}) with localtimeout", function() {
1120         stop();
1121         jQuery.ajaxSetup({timeout: 50});
1122
1123         jQuery.ajax({
1124           type: "GET",
1125           timeout: 15000,
1126           url: url("data/name.php?wait=1"),
1127           error: function() {
1128                    ok( false, 'Check for local timeout failed' );
1129                    start();
1130           },
1131           success: function() {
1132                 ok( true, 'Check for local timeout' );
1133                 start();
1134           }
1135         });
1136
1137         // reset timeout
1138         jQuery.ajaxSetup({timeout: 0});
1139 });
1140
1141 test("jQuery.ajax - simple get", function() {
1142         expect(1);
1143         stop();
1144         jQuery.ajax({
1145           type: "GET",
1146           url: url("data/name.php?name=foo"),
1147           success: function(msg){
1148                 equals( msg, 'bar', 'Check for GET' );
1149                 start();
1150           }
1151         });
1152 });
1153
1154 test("jQuery.ajax - simple post", function() {
1155         expect(1);
1156         stop();
1157         jQuery.ajax({
1158           type: "POST",
1159           url: url("data/name.php"),
1160           data: "name=peter",
1161           success: function(msg){
1162                 equals( msg, 'pan', 'Check for POST' );
1163                 start();
1164           }
1165         });
1166 });
1167
1168 test("ajaxSetup()", function() {
1169         expect(1);
1170         stop();
1171         jQuery.ajaxSetup({
1172                 url: url("data/name.php?name=foo"),
1173                 success: function(msg){
1174                         equals( msg, 'bar', 'Check for GET' );
1175                         start();
1176                 }
1177         });
1178         jQuery.ajax();
1179 });
1180
1181 /*
1182 test("custom timeout does not set error message when timeout occurs, see #970", function() {
1183         stop();
1184         jQuery.ajax({
1185                 url: "data/name.php?wait=1",
1186                 timeout: 500,
1187                 error: function(request, status) {
1188                         ok( status != null, "status shouldn't be null in error handler" );
1189                         equals( "timeout", status );
1190                         start();
1191                 }
1192         });
1193 });
1194 */
1195
1196 test("data option: evaluate function values (#2806)", function() {
1197         stop();
1198         jQuery.ajax({
1199                 url: "data/echoQuery.php",
1200                 data: {
1201                         key: function() {
1202                                 return "value";
1203                         }
1204                 },
1205                 success: function(result) {
1206                         equals( result, "key=value" );
1207                         start();
1208                 }
1209         })
1210 });
1211
1212 test("data option: empty bodies for non-GET requests", function() {
1213         stop();
1214         jQuery.ajax({
1215                 url: "data/echoData.php",
1216                 data: undefined,
1217                 type: "post",
1218                 success: function(result) {
1219                         equals( result, "" );
1220                         start();
1221                 }
1222         })
1223 });
1224
1225 test("jQuery.ajax - If-Modified-Since support", function() {
1226         expect( 3 );
1227
1228         stop();
1229
1230         var url = "data/if_modified_since.php?ts=" + new Date();
1231
1232         jQuery.ajax({
1233                 url: url,
1234                 ifModified: true,
1235                 success: function(data, status) {
1236                         equals(status, "success");
1237
1238                         jQuery.ajax({
1239                                 url: url,
1240                                 ifModified: true,
1241                                 success: function(data, status) {
1242                                         if ( data === "FAIL" ) {
1243                                                 ok(true, "Opera is incapable of doing .setRequestHeader('If-Modified-Since').");
1244                                                 ok(true, "Opera is incapable of doing .setRequestHeader('If-Modified-Since').");
1245                                         } else {
1246                                                 equals(status, "notmodified");
1247                                                 ok(data == null, "response body should be empty")
1248                                         }
1249                                         start();
1250                                 }
1251                         });
1252                 }
1253         });
1254 });
1255
1256 test("jQuery.ajax - Etag support", function() {
1257         expect( 3 );
1258
1259         stop();
1260
1261         var url = "data/etag.php?ts=" + new Date();
1262
1263         jQuery.ajax({
1264                 url: url,
1265                 ifModified: true,
1266                 success: function(data, status) {
1267                         equals(status, "success");
1268
1269                         jQuery.ajax({
1270                                 url: url,
1271                                 ifModified: true,
1272                                 success: function(data, status) {
1273                                         if ( data === "FAIL" ) {
1274                                                 ok(true, "Opera is incapable of doing .setRequestHeader('If-None-Match').");
1275                                                 ok(true, "Opera is incapable of doing .setRequestHeader('If-None-Match').");
1276                                         } else {
1277                                                 equals(status, "notmodified");
1278                                                 ok(data == null, "response body should be empty")
1279                                         }
1280                                         start();
1281                                 }
1282                         });
1283                 }
1284         });
1285 });
1286
1287
1288 test("jQuery.ajax - active counter", function() {
1289     ok( jQuery.ajax.active == 0, "ajax active counter should be zero: " + jQuery.ajax.active );
1290 });
1291
1292
1293 }
1294
1295 //}