html snippet returned by xmlhttprequest. responseText displayed as text

[mihirnmehta]

This is my code

function getDetails()
{
var name = document.getEle mentById("movie _name").value;

if (window.XMLHttp Request) //For Mozilla Browsers
{
XMLHttp=new XMLHttpRequest( )
}
else if (window.ActiveX Object) // For Microsoft Browsers
{
XMLHttp=new ActiveXObject(' Microsoft.XMLHT TP')
}

var
url="http://localhost/WebService1/Service.asmx/GetMovieByName" ;
var params="name=" + name;

XMLHttp.open("P OST",url,true) ;

XMLHttp.setRequ estHeader('Cont ent-Type','applicat ion/x-www-form-urlencoded');
XMLHttp.setRequ estHeader("Cont ent-Length", params.length)
XMLHttp.onready statechange=sta teChanged ;

XMLHttp.send(pa rams);
}

function stateChanged()
{
if (XMLHttp.readyS tate==4 || XMLHttp.readySt ate=="complete" )
{

var v = document.getEle mentById("respo nseDiv");
v.innerHTML = XMLHttp.respons eText;
}
}

and there a division like

<div id="responseDiv " align=center>
</div>

below in the page.
Now i have checked that my webservice returns the proper html snippet
as string and that the XMLHttp.respons eText contains proper html
snippet(a table). But it is displayed as text . The html is correctly
displayed but i want it to show the table rather than the html code?

Can anybody help me out.

Thanks

[Martin Honnen]

mi*********@gma il.com wrote:

var v = document.getEle mentById("respo nseDiv");
v.innerHTML = XMLHttp.respons eText;

Now i have checked that my webservice returns the proper html snippet
as string and that the XMLHttp.respons eText contains proper html
snippet(a table).

How did you check that exactly? Which user agents have you tried?
Setting innerHTML parses the string you set to as HTML so I don't think
what you describe is possible. You are either setting innerText (or
textContent) instead of innerHTML or the responseText contains escaped
HTML markup (e.g. &lt;table&gt ; instead of <table>).
--

Martin Honnen
http://JavaScript.FAQTs.com/

[mihirnmehta]

Thanks Martin, but here's how i did it.
My webservice gets me the data in the form of XML and i parse that XML
on the serverside using XSLT and convert it to HTML and return the html
in a string variable. While Debuggin the webservice i checked that the
HTML is something like <table>...... .</table and not
&lt;table&gt ; as you thought it would be.

So when i press the button....the division gets painted by the
following text........... ..
<table>...
.....
.....
......</table>.

I dont understand whats going on. And i have double checked it taht i
am settig the innerHTML property.

See if you can tell me smth more on this.
Thanks again
Martin Honnen wrote:

mi*********@gma il.com wrote:

var v = document.getEle mentById("respo nseDiv");
v.innerHTML = XMLHttp.respons eText;

Now i have checked that my webservice returns the proper html snippet
as string and that the XMLHttp.respons eText contains proper html
snippet(a table).

How did you check that exactly? Which user agents have you tried?
Setting innerHTML parses the string you set to as HTML so I don't think
what you describe is possible. You are either setting innerText (or
textContent) instead of innerHTML or the responseText contains escaped
HTML markup (e.g. &lt;table&gt ; instead of <table>).
--

Martin Honnen
http://JavaScript.FAQTs.com/

[mihirnmehta]

Hey Martin,

you were right, I later rechecked that the webservice returns a string
something like.......

<table>...... </table>

which is reciebed on the client side as
&lt;table&gt;.. ....&lt;/table&gt;

so it is displayed as text. Can you tell me how to solve this problem?

Martin Honnen wrote:

mi*********@gma il.com wrote:

var v = document.getEle mentById("respo nseDiv");
v.innerHTML = XMLHttp.respons eText;

Now i have checked that my webservice returns the proper html snippet
as string and that the XMLHttp.respons eText contains proper html
snippet(a table).

How did you check that exactly? Which user agents have you tried?
Setting innerHTML parses the string you set to as HTML so I don't think
what you describe is possible. You are either setting innerText (or
textContent) instead of innerHTML or the responseText contains escaped
HTML markup (e.g. &lt;table&gt ; instead of <table>).
--

Martin Honnen
http://JavaScript.FAQTs.com/

[mihirnmehta]

Hey Martin,

You were right. I put an alert(XMLHttpre quest.responseT ext) and the
alert shows me the html returned by the webservice in the form of
escaped markup as you had said. so its displays the html code. rather
than the table that i expect it to display.

So now what should i do if i want to get the table displayed?

Thanks

mi*********@gma il.com wrote:

Thanks Martin, but here's how i did it.
My webservice gets me the data in the form of XML and i parse that XML
on the serverside using XSLT and convert it to HTML and return the html
in a string variable. While Debuggin the webservice i checked that the
HTML is something like <table>...... .</table and not
&lt;table&gt ; as you thought it would be.

So when i press the button....the division gets painted by the
following text........... ..
<table>...
....
....
.....</table>.

I dont understand whats going on. And i have double checked it taht i
am settig the innerHTML property.

See if you can tell me smth more on this.
Thanks again
Martin Honnen wrote:

mi*********@gma il.com wrote:

var v = document.getEle mentById("respo nseDiv");
v.innerHTML = XMLHttp.respons eText;

Now i have checked that my webservice returns the proper html snippet
as string and that the XMLHttp.respons eText contains proper html
snippet(a table).

How did you check that exactly? Which user agents have you tried?
Setting innerHTML parses the string you set to as HTML so I don't think
what you describe is possible. You are either setting innerText (or
textContent) instead of innerHTML or the responseText contains escaped
HTML markup (e.g. &lt;table&gt ; instead of <table>).
--

Martin Honnen
http://JavaScript.FAQTs.com/

[Martin Honnen]

mi*********@gma il.com wrote:

You were right. I put an alert(XMLHttpre quest.responseT ext) and the
alert shows me the html returned by the webservice in the form of
escaped markup as you had said. so its displays the html code. rather
than the table that i expect it to display.

So now what should i do if i want to get the table displayed?

Have you considered changing the web service to return XML? Or if you
want to return HTML markup that is not well-formed XML then at least
change the web service to send the HTML as plain text and not escaped.

Other than that you can only do what you have tried e.g.
var div = document.create Element('div');
div.innerHTML = XMLHttp.respons eText;
v.innerHTML = div.innerText;

--

Martin Honnen
http://JavaScript.FAQTs.com/

[mihirnmehta]

Thanks Martin,

But
I AM returning a html as normal text from the webservice.
something like this........

string str = <b>Hello there!!!!</b //Actually the html is generated
by xslt from an xml doc
return str;

while debugging i have checked taht the contents of str
are normal text like "<b>Hello there!!!!</b "

and on the client side there's an javascript alert like

alert(XMLHttpre quest.responseT ext);

which shows some XML headers like <?xml version"1" encoding="UTF8" >
etc etc
and then

&lt;b&gt;Hel lo there!!!&lt;/b&gt;

I'll see if i have some other function with respect to responseXML on
the client side

Thanks

Martin Honnen wrote:

mi*********@gma il.com wrote:

You were right. I put an alert(XMLHttpre quest.responseT ext) and the
alert shows me the html returned by the webservice in the form of
escaped markup as you had said. so its displays the html code. rather
than the table that i expect it to display.

So now what should i do if i want to get the table displayed?

Have you considered changing the web service to return XML? Or if you
want to return HTML markup that is not well-formed XML then at least
change the web service to send the HTML as plain text and not escaped.

Other than that you can only do what you have tried e.g.
var div = document.create Element('div');
div.innerHTML = XMLHttp.respons eText;
v.innerHTML = div.innerText;

--

Martin Honnen
http://JavaScript.FAQTs.com/