Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 1221

Page 1
2
Next

You are currently viewing page 1 of this multi-page discussion thread

Jul 25th, 2009

readyState looping?

Expand Post »

I'm having an issues with this script from my own debugging it appears that the readyState is doing the following
1 ... 4 ... 1 ... 4
the second time it appears not to have any response so I end up seeing my content shortly (if all my debugging alerts are on) but it then dissapears when the ready state jumps to 4 for the second time. I have a feeling there is something very simple that I'm missing but it's been a long week for me

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
//Begin AJAX
    //Browser Support Code
    function goToPage(loc)
    {
       var ajaxRequest;
       try
       {
          // Opera 8.0+, Firefox, Safari
          ajaxRequest = new XMLHttpRequest();
          alert("ajaxRequest created!");
       }
       catch (e)
       {
          // Internet Explorer Browsers
          try
          {
             ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
          }
          catch (e)
          {
             try
             {
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
             }
             catch (e)
             {
                // Something went wrong
                alert("Your browser broke!");
                return false;
             }
          }
       }
       // Create a function that will receive data sent from the server
       ajaxRequest.onreadystatechange = function(loc)
       {
          if(ajaxRequest.readyState == 4)
          {
             if(ajaxRequest.status == 200 || ajaxRequest.status == 304)
             {
                document.getElementById('greenBox').innerHTML = ajaxRequest.responseText;
 
             }
          }
       }
       //contruct url
       var url = "pageserver.php?loc=" + loc
       ajaxRequest.open("GET", url, true);
       ajaxRequest.send(null);
    }
//Begin AJAX
    //Browser Support Code
    function goToPage(loc)
    {
       var ajaxRequest;
       try
       {
          // Opera 8.0+, Firefox, Safari
          ajaxRequest = new XMLHttpRequest();
          alert("ajaxRequest created!");
       }
       catch (e)
       {
          // Internet Explorer Browsers
          try
          {
             ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
          }
          catch (e)
          {
             try
             {
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
             }
             catch (e)
             {
                // Something went wrong
                alert("Your browser broke!");
                return false;
             }
          }
       }
       // Create a function that will receive data sent from the server
       ajaxRequest.onreadystatechange = function(loc)
       {
          if(ajaxRequest.readyState == 4)
          {
             if(ajaxRequest.status == 200 || ajaxRequest.status == 304)
             {
                document.getElementById('greenBox').innerHTML = ajaxRequest.responseText;
               
             }
          }
       }
       //contruct url
       var url = "pageserver.php?loc=" + loc
       ajaxRequest.open("GET", url, true);
       ajaxRequest.send(null);
    }

pageserver.php

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<?php
 
    //Begin frame
    /*
    if ($_GET['loc'] == "")
    {
       $textRight = "";
       $textLeft = "";
       echo encap($textRight, $textLeft);
    }
    */
    require_once("inc/dbinfo.inc");
 
    if ($_GET['loc'] == "home")
    {
       $textRight = '##############################################';
       $textLeft = '###############################################';
       echo encap($textLeft, $textRight);
    }
 
    if ($_GET['loc'] == "register")
    {
       $textRight = '##############';
       $textLeft = '################';
       echo encap($textLeft, $textRight);
    }
 
    if ($_GET['loc'] == "browse")
    {
       $query = "######################";
       $result = mysql_query($query);
       for($i=0; $i > 10; $i++)
       {
          $array = mysql_fetch_assoc($result);
          if ($i == 0)
          {
             $textRight = #########################;
             $textLeft = ######################;
          }
          else if ($i > 0)
          {
             $textRight = #############################################;
             $textLeft = ##############################################;
          }
       echo encap($textLeft, $textRight);
       }
    }
 
    if ($_GET['loc'] == "about")
    {
       $textRight = '############################';
       $textLeft = '#############################';
       echo encap($textLeft, $textRight);
    }
 
    if ($_GET['loc'] == "bid")
    {
       if (!$_GET['id'])
       {
          //error
       }
       else if ($_GET['id'])
       {
          $id = $_GET['id'];
          $query = "#########################";
          $result = mysql_query($query);
          $array = mysql_fetch_assoc($result);
       }
 
       echo encap($textLeft, $textRight);
    }
    function encap($textLeft, $textRight)
    {
       return ('<span id="leftBox" class="leftBox">'.$textLeft.'</span><span id="rightBox" class="rightBox">'.$textRight.'</span>');
    }
    ?>
<?php

    //Begin frame
    /*
    if ($_GET['loc'] == "")
    {
       $textRight = "";
       $textLeft = "";
       echo encap($textRight, $textLeft);
    }
    */
    require_once("inc/dbinfo.inc");

    if ($_GET['loc'] == "home")
    {
       $textRight = '##############################################';
       $textLeft = '###############################################';
       echo encap($textLeft, $textRight);
    }

    if ($_GET['loc'] == "register")
    {
       $textRight = '##############';
       $textLeft = '################';
       echo encap($textLeft, $textRight);
    }

    if ($_GET['loc'] == "browse")
    {
       $query = "######################";
       $result = mysql_query($query);
       for($i=0; $i > 10; $i++)
       {
          $array = mysql_fetch_assoc($result);
          if ($i == 0)
          {
             $textRight = #########################;
             $textLeft = ######################;
          }
          else if ($i > 0)
          {
             $textRight = #############################################;
             $textLeft = ##############################################;
          }
       echo encap($textLeft, $textRight);
       }
    }

    if ($_GET['loc'] == "about")
    {
       $textRight = '############################';
       $textLeft = '#############################';
       echo encap($textLeft, $textRight);
    }

    if ($_GET['loc'] == "bid")
    {
       if (!$_GET['id'])
       {
          //error
       }
       else if ($_GET['id'])
       {
          $id = $_GET['id'];
          $query = "#########################";
          $result = mysql_query($query);
          $array = mysql_fetch_assoc($result);
       }
       
       echo encap($textLeft, $textRight);
    }
    function encap($textLeft, $textRight)
    {
       return ('<span id="leftBox" class="leftBox">'.$textLeft.'</span><span id="rightBox" class="rightBox">'.$textRight.'</span>');
    }
    ?>

Similar Threads

Newbie - looping and array [very simple] problem in PHP
Help using looping in JS in JavaScript / DHTML / AJAX
Looping through arrays in PHP
Help On Looping in C++
Looping and data merging in Python

aosmith

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

9 posts
since Jul 2009

Permalink

Jul 25th, 2009

Re: readyState looping?

Hi aosmith,

your code looks fine to me and maybe what it needs is a little adjustment.

Please don't get confused by the lines that i have implemented on this demo, my intention is to provide better support in AJAX handling, no matter what version of browsers that may come to handle it. You can just concentrate the whole thing that is inside the request handler function and forget about the rest.

Here's the code for the demo:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<script type="text/javascript">
// <![CDATA[
 
var ie = (( !!document.all && !!!document.getElementById ) ? 1 : 0 ); // Checks whether it is an IE based browser or not.
 
// Request Handler 
   var handleMyRequest = function() {
 
   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { // Request state my hold (STRING/INTEGER) value.
    if ( this.status === 200 || this.status === 304 ) { /* The request status handling can be turned off when you are working off-line. */
         (( ie ) ? document.all.greenBox : document.getElementById( "greenBox" )).innerHTML = this.responseText; 
      } 
   } 
};
 
// Request Builder
   var XHR = function( method, url, callback ) {
   this.createRequest = null;
   this.xml = 0;
   this.method = method || "GET";
   this.url = url || null;
   this.callback = callback || null;
   if ( arguments.length < 3 ) {
         return false;
   } this.xmlDoc = ( function() {
      try {
         if ( !ie ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, callback, url, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = callback;
         xhr.open( method, encodeURI( url ), true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.callback, this.url, this.method );
   } return this.createRequest;
}; onload = function() {
var loc = ""; // Your given value or reference;
var url = "pageserver.php?loc=" + loc;
 
new XHR( "GET", url, handleMyRequest ); // Building AJAX Call, via onload event.
 
// The call can be manipulated on any event.
 
// You can create new instance of request by calling out, the same procedure above. 
};
 
// ]]>
 
</script>
<script type="text/javascript">
// <![CDATA[

var ie = (( !!document.all && !!!document.getElementById ) ? 1 : 0 ); // Checks whether it is an IE based browser or not.

// Request Handler 
   var handleMyRequest = function() {

   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { // Request state my hold (STRING/INTEGER) value.
    if ( this.status === 200 || this.status === 304 ) { /* The request status handling can be turned off when you are working off-line. */
         (( ie ) ? document.all.greenBox : document.getElementById( "greenBox" )).innerHTML = this.responseText; 
      } 
   } 
};

// Request Builder
   var XHR = function( method, url, callback ) {
   this.createRequest = null;
   this.xml = 0;
   this.method = method || "GET";
   this.url = url || null;
   this.callback = callback || null;
   if ( arguments.length < 3 ) {
         return false;
   } this.xmlDoc = ( function() {
      try {
         if ( !ie ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, callback, url, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = callback;
         xhr.open( method, encodeURI( url ), true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.callback, this.url, this.method );
   } return this.createRequest;
}; onload = function() {
var loc = ""; // Your given value or reference;
var url = "pageserver.php?loc=" + loc;

new XHR( "GET", url, handleMyRequest ); // Building AJAX Call, via onload event.

// The call can be manipulated on any event.

// You can create new instance of request by calling out, the same procedure above. 
};

// ]]>

</script>

i can still provide more enhancement over the code, but for now, i think that would enough to handle your trouble.

Hope it helps...

essential

Last edited by essential; Jul 25th, 2009 at 5:22 am.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Jul 25th, 2009

Re: readyState looping?

Essential,
Thanks for the help... I'm having one problem with line 22:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
   this.method = method || "GET";
   this.method = method || "GET";

I'm getting a "method is not defined" error. Here's my completed code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
// <![CDATA[
var loc = 'home';
var ie = (( !!document.all && !!!document.getElementById ) ? 1 : 0 ); // Checks whether it is an IE based browser or not.
 
// Request Handler 
   var handleMyRequest = function() {
 
   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { // Request state my hold (STRING/INTEGER) value.
    if ( this.status === 200 || this.status === 304 ) { /* The request status handling can be turned off when you are working off-line. */
         (( ie ) ? document.all.greenBox : document.getElementById( "greenBox" )).innerHTML = this.responseText; 
      } 
   } 
};
 
// Request Builder
   var XHR = function( loc ) {
   this.createRequest = null;
   this.xml = 0;
   this.method = method || "GET";
   this.url = url || null;
   this.callback = callback || null;
   if ( arguments.length < 3 ) {
         return false;
   } this.xmlDoc = ( function() {
      try {
         if ( !ie ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, callback, url, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = callback;
         xhr.open( method, encodeURI( url ), true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.callback, this.url, this.method );
   } return this.createRequest;
}; onload = function() {
var loc = ""; // Your given value or reference;
var url = "pageserver.php?loc=" + loc;
 
new XHR( "GET", url, handleMyRequest ); // Building AJAX Call, via onload event.
 
// The call can be manipulated on any event.
 
// You can create new instance of request by calling out, the same procedure above. 
};
 
// ]]>
// <![CDATA[
var loc = 'home';
var ie = (( !!document.all && !!!document.getElementById ) ? 1 : 0 ); // Checks whether it is an IE based browser or not.

// Request Handler 
   var handleMyRequest = function() {

   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { // Request state my hold (STRING/INTEGER) value.
    if ( this.status === 200 || this.status === 304 ) { /* The request status handling can be turned off when you are working off-line. */
         (( ie ) ? document.all.greenBox : document.getElementById( "greenBox" )).innerHTML = this.responseText; 
      } 
   } 
};

// Request Builder
   var XHR = function( loc ) {
   this.createRequest = null;
   this.xml = 0;
   this.method = method || "GET";
   this.url = url || null;
   this.callback = callback || null;
   if ( arguments.length < 3 ) {
         return false;
   } this.xmlDoc = ( function() {
      try {
         if ( !ie ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, callback, url, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = callback;
         xhr.open( method, encodeURI( url ), true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.callback, this.url, this.method );
   } return this.createRequest;
}; onload = function() {
var loc = ""; // Your given value or reference;
var url = "pageserver.php?loc=" + loc;

new XHR( "GET", url, handleMyRequest ); // Building AJAX Call, via onload event.

// The call can be manipulated on any event.

// You can create new instance of request by calling out, the same procedure above. 
};

// ]]>

Thanks again

aosmith

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

9 posts
since Jul 2009

Permalink

Jul 25th, 2009

Re: readyState looping?

Hi,

as you can see i've build the code with 3 parameters on it:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
var XHR = function( method, url, callback );
var XHR = function( method, url, callback );

but you've replaced it with a single arguments which is the loc, doing this instance will the break entire program and will cause your browser to generate error.

In able for this to work, you must explicitly define another two variables in replaced of the two parameters that you have currently removed.

I will reconfigure it, so that you will only have to add a single parameter to it. Be right back...

Last edited by essential; Jul 25th, 2009 at 10:37 am.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Jul 25th, 2009

Re: readyState looping?

any idea about error 404?.....xampp was successfully intalled..

droffij

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Jul 2009

Permalink

Jul 25th, 2009

Re: readyState looping?

Hi,

404 error was a server response status, im not quite familiar of this error instances, normally it's always referred as 200 ( means the response was ok ).
Try to check your server settings...

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Jul 25th, 2009

Re: readyState looping?

Hi,

Here's is the configured code, and i have based it in your provided argument(loc):

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
var check = ( Boolean((( XMLHttpRequest ) ? 1 : 0 )));
   var handleMyRequest = function() {
   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { alert( this.responseText );
      if ( this.status === 200 ) {
         (( check ) ? document.getElementById("greenBox") : document.all.greenBox ).innerHTML = this.responseText;
      } return;
   } alert("Request failed!\nPlease verify your QueryString...");
};
   var XHR = function( loc ) {
   this.createRequest = null;
   this.loc = loc || null; 
   this.url = "pageserver.php?loc=" + this.loc;
   this.xml = 0;
   var method = "GET";
   this.xmlDoc = ( function() {
      try {
         if ( check ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, loc, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = handleMyRequest;
         xhr.open( method, encodeURI( loc ), true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.url, this.method );
   } return this.createRequest;
};
 
onload = function() {
 
new XHR( "home" ); // Your query string...
}
var check = ( Boolean((( XMLHttpRequest ) ? 1 : 0 )));
   var handleMyRequest = function() {
   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { alert( this.responseText );
      if ( this.status === 200 ) {
         (( check ) ? document.getElementById("greenBox") : document.all.greenBox ).innerHTML = this.responseText;
      } return;
   } alert("Request failed!\nPlease verify your QueryString...");
};
   var XHR = function( loc ) {
   this.createRequest = null;
   this.loc = loc || null; 
   this.url = "pageserver.php?loc=" + this.loc;
   this.xml = 0;
   var method = "GET";
   this.xmlDoc = ( function() {
      try {
         if ( check ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, loc, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = handleMyRequest;
         xhr.open( method, encodeURI( loc ), true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.url, this.method );
   } return this.createRequest;
};

onload = function() {

new XHR( "home" ); // Your query string...
}

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Jul 25th, 2009

Re: readyState looping?

Now I've got this:

Quote ...

Error: uncaught exception: [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIXMLHttpRequest.open]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: http://127.0.0.1/tablesniper/js/sniperlib.js :: anonymous :: line 46" data: no]

line 46:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
 xhr.open( method, encodeURI( loc ), true );
 xhr.open( method, encodeURI( loc ), true );

TIA

aosmith

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

9 posts
since Jul 2009

Permalink

Jul 25th, 2009

Re: readyState looping?

Sorry, ive missed a spot and this has to work now.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
var check = ( Boolean((( XMLHttpRequest ) ? 1 : 0 )));
   var handleMyRequest = function() {
   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { alert( this.responseText );
      if ( this.status === 200 ) {
         (( check ) ? document.getElementById("greenBox") : document.all.greenBox ).innerHTML = this.responseText;
      } return;
   } alert("Request failed!\nPlease verify your QueryString...");
};
   var XHR = function( loc ) {
   this.createRequest = null;
   this.loc = loc || null; 
   this.url = "pageserver.php?loc=" + this.loc;
   this.xml = 0;
   var reqType = "GET";
   this.xmlDoc = ( function() {
      try {
         if ( check ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, loc, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = handleMyRequest;
         xhr.open( method, loc, true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.url, reqType );
   } return this.createRequest;
};
 
onload = function() {
 
new XHR( "home" );  
}
var check = ( Boolean((( XMLHttpRequest ) ? 1 : 0 )));
   var handleMyRequest = function() {
   var seq = {
   4 : "complete",
   complete : 4 };   
   if ( seq[ this.readyState ] ) { alert( this.responseText );
      if ( this.status === 200 ) {
         (( check ) ? document.getElementById("greenBox") : document.all.greenBox ).innerHTML = this.responseText;
      } return;
   } alert("Request failed!\nPlease verify your QueryString...");
};
   var XHR = function( loc ) {
   this.createRequest = null;
   this.loc = loc || null; 
   this.url = "pageserver.php?loc=" + this.loc;
   this.xml = 0;
   var reqType = "GET";
   this.xmlDoc = ( function() {
      try {
         if ( check ) {
            this.xml = new XMLHttpRequest();
         } else {
            try {
            var client = [ "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for ( var i = 0; i < client.length; ++i ) {
               if ( new ActiveXObject( client[ i ] )) {
                  this.xml = new ActiveXObject( client[ i ] );
                  break;
               }
            }
            } catch( e ) {
               this.xml = 0;
            }
         }
      } catch( er ) {
         if ( "createRequest" in window ) 
            this.xml = createRequest();
         else
            this.xml = 0;
      } return (( this.xml ) ? this.xml : 0 );
   } )();
   if ( this.xmlDoc ) {
      this.createRequest = ( function( xhr, loc, method ) {
         (( "overrideMimeType" in xhr ) ? xhr.overrideMimeType("text/xml") : xhr );
         xhr.onreadystatechange = handleMyRequest;
         xhr.open( method, loc, true );
         (( method === "POST" && "setRequestHeader" in xhr ) ? xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8;") : xhr );
         xhr.send((( method === "POST" ) ? " " : null )); 
      } )( this.xmlDoc, this.url, reqType );
   } return this.createRequest;
};

onload = function() {

new XHR( "home" );  
}

that happens when we implement new variable's on a pre-created code, applying instant changes on its line is twice as hard than making a code from a scratch.

Last edited by essential; Jul 25th, 2009 at 1:08 pm.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Aug 10th, 2009

Re: readyState looping?

Now I'm getting:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
Error: no element found
Source File: <a rel="nofollow" href="http://localhost/------r/pageserver.php?loc=Home" target="_blank">http://localhost/------r/pageserver.php?loc=Home</a>
Line: 1
Error: no element found
Source File: <a rel="nofollow" href="http://localhost/------r/pageserver.php?loc=Home" target="_blank">http://localhost/------r/pageserver.php?loc=Home</a>
Line: 1

and

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
Error: junk after document element
Source File: http://localhost/--------------r/pageserver.php?loc=home
Line: 1, Column: 109
Source Code:
<span id="leftBox" class="leftBox"><h4>############</h4><br />#############</span><span id="rightBox" class="rightBox"><h4>##############</h4> <br />###############</span>
Error: junk after document element
Source File: http://localhost/--------------r/pageserver.php?loc=home
Line: 1, Column: 109
Source Code:
<span id="leftBox" class="leftBox"><h4>############</h4><br />#############</span><span id="rightBox" class="rightBox"><h4>##############</h4> <br />###############</span>

Any ideas?
Thanks again
-Alex

Last edited by aosmith; Aug 10th, 2009 at 3:10 pm.

aosmith

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

9 posts
since Jul 2009

Page 1
2
Next

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Two steps to install thumbnail viewer

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: script for change<tr bgcolor> by mouseover

DaniWeb Message

Cancel Changes

User Name
Password