Forums / Developer / Rest API and XmlHttpRequest status

Rest API and XmlHttpRequest status

Previous topic

Developer

Next topic

Author	Message
Emmanuel Bichet	Thursday 23 June 2011 3:07:57 am Hello, I'm trying to use the REST api in order to retreive some content with ajax. When I try the url http://my_host/api/ezp/v1/content/node/2 on my browser (chorme or firefox), I get the informations but not with a xmlHttpRequest. Here is my HTML code : <html> <head> <script language="JavaScript"> function submitForm() { var xhr=null; try { xhr = new XMLHttpRequest(); } catch(e) } xhr.onreadystatechange = function() { dyn = document.getElementById('dyn'); dyn.innerHTML="Wait server..."; if(xhr.readyState == 4) { if(xhr.status == 200) { dyn.innerHTML="Received:" + xhr.responseText; } else { dyn.innerHTML="Error: returned status code " + xhr.status + " " + xhr.statusText+" Response : "+ xhr.responseXml; } } }; xhr.open("GET", "http://<a href="http://my_host/api/ezp/v1/content/node/2">my_host/api/ezp/v1/content/node/2</a>", true); xhr.send(null); } </script> </head> <body> <input type="submit" value="Submit" onclick="submitForm()" /> <textarea type="text" id="dyn" value=""></textarea> </body> </html> The status of the xhr is always 0 and the responsetext is empty. Any clue ?
André R.	Thursday 23 June 2011 4:05:27 am Try using jQuery/YUI perhaps? Or at least debug it using Firebug/Developer tools -> Network. I'm assuming url in code example got modified by this forum as having a tag inside url would not work. Some nitpicks: - Your writing to the DOM on every readystate callback, probably causing rendering reflows on every call. - 'dyn' is now a global variable - This will not work in IE 6, it does not have XMLHttpRequest object but an ActiveX object instead - I think you need to define xhr.onreadystatechange after xhr.open, but most people have have moved on to use libs for these things by now so not sure anymore. If you absolutely have to code against pure javascript, try taking stuff from here maybe: https://github.com/ezsystems/ezoe/blob/master/design/standard/javascript/ezoe/ez_core.js#L774 Good luck ;) eZ Online Editor 5: http://projects.ez.no/ezoe \|\| eZJSCore (Ajax): http://projects.ez.no/ezjscore \|\| eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription @: http://twitter.com/andrerom
Emmanuel Bichet	Thursday 23 June 2011 5:21:08 am Thank for your answer André, but my code was just an example. I've also tried Jquery and the result is the same : - the readystate is 4 (whitch mean the REST api is sending something) - the status of the response is 0 (200 is expected normally) - the responseText is empty (the json format of content/node/2 is expected) I've check the php code in kernel/private/rest. The code make an intensive use of eZ/zeta components MvcTools. The response is created by the MvcResult class. When this class is instanciated, the status properties is set to 0. I think this is the problem. May be there is some change to do in the rest.ini settings...

Author

Message

Emmanuel Bichet

Thursday 23 June 2011 3:07:57 am

Hello,

I'm trying to use the REST api in order to retreive some content with ajax.

When I try the url http://my_host/api/ezp/v1/content/node/2 on my browser (chorme or firefox), I get the informations but not with a xmlHttpRequest.

Here is my HTML code :

 <html>
<head>
<script language="JavaScript">

 function submitForm()
 {
    var xhr=null;

   try
   {
     xhr = new XMLHttpRequest(); 
   } catch(e)
   
  }

  xhr.onreadystatechange = function()
   { 
     dyn = document.getElementById('dyn');
     dyn.innerHTML="Wait server...";                
     if(xhr.readyState == 4)
     {
        if(xhr.status == 200)
        { 
             dyn.innerHTML="Received:" + xhr.responseText; 
        } 
       else 
        { 
              dyn.innerHTML="Error: returned status code " + 
              xhr.status + " " + xhr.statusText+" Response : "+ xhr.responseXml; 
       } 
    } 
 }; 

 xhr.open("GET", "http://<a href="http://my_host/api/ezp/v1/content/node/2">my_host/api/ezp/v1/content/node/2</a>", true);                
 xhr.send(null); 
}

</script>         
</head>
               
<body>
    <input type="submit" value="Submit" onclick="submitForm()" />
    <textarea type="text" id="dyn" value=""></textarea>  
</body>

</html>

The status of the xhr is always 0 and the responsetext is empty.

Any clue ?

André R.

Thursday 23 June 2011 4:05:27 am

Try using jQuery/YUI perhaps? Or at least debug it using Firebug/Developer tools -> Network.
I'm assuming url in code example got modified by this forum as having a tag inside url would not work.

Some nitpicks:

- Your writing to the DOM on every readystate callback, probably causing rendering reflows on every call.
- 'dyn' is now a global variable
- This will not work in IE 6, it does not have XMLHttpRequest object but an ActiveX object instead
- I think you need to define xhr.onreadystatechange after xhr.open, but most people have have moved on to use libs for these things by now so not sure anymore.

If you absolutely have to code against pure javascript, try taking stuff from here maybe:
https://github.com/ezsystems/ezoe/blob/master/design/standard/javascript/ezoe/ez_core.js#L774

Good luck ;)

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Emmanuel Bichet

Thursday 23 June 2011 5:21:08 am

Thank for your answer André, but my code was just an example. I've also tried Jquery and the result is the same :

- the readystate is 4 (whitch mean the REST api is sending something)
- the status of the response is 0 (200 is expected normally)
- the responseText is empty (the json format of content/node/2 is expected)

I've check the php code in kernel/private/rest. The code make an intensive use of eZ/zeta components MvcTools. The response is created by the MvcResult class. When this class is instanciated, the status properties is set to 0. I think this is the problem. May be there is some change to do in the rest.ini settings...

Timing:	Jan 29 2025 13:47:04
Script start
Timing:	Jan 29 2025 13:47:04
Module start 'content'
Timing:	Jan 29 2025 13:47:04
Module end 'content'
Timing:	Jan 29 2025 13:47:04
Script end

Total runtime	0.0168 sec
Peak memory usage	2,048.0000 KB
Database Queries	4

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0052	587.9531	180.8359
Module start 'content'	0.0052	0.0055	768.7891	98.1172
Module end 'content'	0.0108	0.0060	866.9063	74.6875
Script end	0.0168		941.5938

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0021	12.2418	12	0.0002
Check MTime	0.0009	5.6306	12	0.0001
Mysql Total
Database connection	0.0005	3.0123	1	0.0005
Mysqli_queries	0.0021	12.4203	4	0.0005
Looping result	0.0000	0.0836	2	0.0000
Template Total	0.0057	33.6	1	0.0057
Template load	0.0008	5.0214	1	0.0008
Template processing	0.0048	28.5726	1	0.0048
Override
Cache load	0.0006	3.3041	1	0.0006
General
dbfile	0.0015	8.9787	10	0.0002
String conversion	0.0000	0.0298	3	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Usage	Requested template	Template	Template loaded	Edit	Override
1	pagelayout.tpl	<No override>	extension/sevenx/design/simple/templates/pagelayout.tpl
Number of times templates used: 1 Number of unique templates used: 1

Rest API and XmlHttpRequest status

eZ debug

Main resources:

Timing points:

Time accumulators:

Templates used to render the page: