jQuery.load and PHP's Header() redirect.

jQuery.load and PHP's Header() redirect.

Hello All,
I came across the problem of headers when porting an application to jQuery.  The header call gives an error and halts the process due to  headers already sent error, and after a while of Google searching I didn't really come up with much but a few people asking the question with no real answers.  (at least none that suited me)  So, how do you handle a load that your PHP may try to redirect with a header call??  Well, here is what I did...I duplicated the standard load function and created a loadphp one.  This one generates a hidden iframe, loads the content, then ports it back into the element that called it in the first place.   This works for me (in my environment), so no guarantees that it will work for you, but I found it helpful so figured I would share.  

I can now redirect to my hearts content using PHP.

Also, I was able to use it in case my PHP session timed out on me and redirected to my login page.  In my login page I can look to see if its TOP, and if not force it out of the IFRAME.

Of course, must be on same domain only.

jQuery.loadphp.js
  1. //######
  2. //## Modified jQuery Load to handle PHP header redirects
  3. //## Tyler Boyd, 2010
  4. //######

  6. jQuery.fn.extend({
  7. loadphp: function( url, params, callback ) {
  8. if ( typeof url !== "string" ) {
  9. return _load.call( this, url );

  11. // Don't do a request if no elements are being requested
  12. } else if ( !this.length ) {
  13. return this;
  14. }

  16. var off = url.indexOf(" ");
  17. if ( off >= 0 ) {
  18. var selector = url.slice(off, url.length);
  19. url = url.slice(0, off);
  20. }

  22. // Default to a GET request
  23. var type = "GET";

  25. // If the second parameter was provided
  26. if ( params ) {
  27. // If it's a function
  28. if ( jQuery.isFunction( params ) ) {
  29. // We assume that it's the callback
  30. callback = params;
  31. params = null;

  33. // Otherwise, build a param string
  34. } else if ( typeof params === "object" ) {
  35. params = jQuery.param( params, jQuery.ajaxSettings.traditional );
  36. type = "POST";
  37. }
  38. }

  40. var self = this;
  42. var iframe = $( '<iframe style="display: none; visibility: none;" name="loadframe" id="loadframe" src="about:none" />' );
  43. self.append(iframe);
  45. // Request the remote document
  46. $('iframe#loadframe').attr("src",url);
  47. $('iframe#loadframe').load(function(){
  48. var xmlhttp=new XMLHttpRequest();
  49. var iframeContent = $('iframe#loadframe').contents().get(0)["documentElement"]["outerHTML"];
  50. // reattach any css that could get cut off
  51. // and any javascript that might have been cut off too
  52. // which gets cut off due to the iframe re-organizing links back into the <head>
  53. //alert(iframeContent);
  54. iframeContent += $('iframe#loadframe').contents().get(0)["head"]["innerHTML"];
  55. self.html( selector ?
  56. // Create a dummy div to hold the results
  57. jQuery("<div />")
  58. // inject the contents of the document in, removing the scripts
  59. // to avoid any 'Permission Denied' errors in IE
  60. .append(iframeContent.replace(rscript, ""))
  61. // Locate the specified elements
  62. .find(selector) :
  63. // If not, just inject the full result
  64. iframeContent);
  66. if (iframeContent != ""){ status="success"; }else{ status="failed"; }

  68. if ( callback ) {
  69. self.each( callback, [iframeContent, status, xmlhttp] );
  70. }
  71. });

  73. return this;
  74. }
  75. });