Doesn't execute Javascript when called using ajax

perdeepOsingh

Hi,
What I am trying here is that from my first file I am making a call to handler.php file
//////////////////////////////FirstFile////////////////////////
[HTML]<html>
<head>
<script src='jquery-1.1.3.1.pack.js' type='text/javascript'></script>
<script type='text/javascript'>
$.post("http://practice.dev/handler.php",
function(data)
{
alert(data);
//document.write(data);
$("#test").append(data);
$("#test").html(data);
});
</script>
</head>
<body>
<div id='test'>
</div>
</body>
</html>[/HTML]

////////////////////////handler.php/////////////////

Expand|Select|Wrap|Line Numbers

 <?php

echo 'here';

?>

Expand|Select|Wrap|Line Numbers

 <script type='text/javascript'>

alert('hello');

</script>

////////////////////////////////////////////////////////////

Now in firefox it is working fine means it show's alert saying hello, but when I try in IE it doesn't but if in callback function instead of using append/prepend/ html, if I use document.write(data) then it runs the javascript means it display hello message in IE 7.

Anything I am doing wrong ? IE sucks plz help help help ?

RamananKalirajan

Just run that file with the help of a server. It will work fine. In IE the functionslitites are written like that. Place your code within a server and run it, it will work.

Regards
Ramanan Kalirajan

perdeepOsingh

Thanks for quick reply

Run from server ? Yes, I am running it on apache server. sure there is some other catch to it.

help help

RamananKalirajan

Thanks for quick reply

Run from server ? Yes, I am running it on apache server. sure there is some other catch to it.

help help

Instead of append just try using insert, or update. I am not very familiar about this. Just trial and error method. this is my suggestion not the solution.

Regards
Ramanan Kalirajan

gits

are both files, the html and the php on the same server and do you test from there, or from a local file?

perdeepOsingh

are both files, the html and the php on the same server and do you test from there, or from a local file?

both files on same server: Yes,
Test from server: Yes

Plz help help ...

RamananKalirajan

both files on same server: Yes,
Test from server: Yes

Plz help help ...

Hi, wether you are using Prototype Js Framework

[HTML]$.post("http://practice.dev/handler.php",
function(data)
{
alert(data);
//document.write(data);
$("#test").append(data);
$("#test").html(data);
});[/HTML]

This code seems to be jQuery. I am confused with the URl u had given. I think the problem in ur code may be with the URL ("http://practice.dev/handler.php"). Just check that once. Just visit this site tio know more www.jquery.com

Regards
Ramanan Kalirajan

perdeepOsingh

This code seems to be jQuery. I am confused with the URl u had given. I think the problem in ur code may be with the URL ("http://practice.dev/handler.php"). Just check that once. Just visit this site tio know more www.jquery.com

Regards
Ramanan Kalirajan

Hi Ramanan Kalirajan,
Thanks for reply. Yes it is jquery call [not sure but my understanding is jquery is AJAX correct me if I am wrong.]. Well URL is right and it's my local server virtual host. And yes it's returning the result from handler.php, if we concentrate on my first post with question the only problem is how IE handle javascript in firefox it's working it's executing the javascript written in handler.php but in IE it only works if I use document.write(data).

RamananKalirajan

Hi Ramanan Kalirajan,
Thanks for reply. Yes it is jquery call [not sure but my understanding is jquery is AJAX correct me if I am wrong.]. Well URL is right and it's my local server virtual host. And yes it's returning the result from handler.php, if we concentrate on my first post with question the only problem is how IE handle javascript in firefox it's working it's executing the javascript written in handler.php but in IE it only works if I use document.write(data).

See what u are saying I am agreeing that. But the basic thing u must understand that each browser has their own implementation logic. This we call as Browser Compatibility problem. i am working in Prototype JS Framework.

in IE, $('myBut').readAttribute('value') --> this will be working but the same doesn't works on Mozilla.

were as the code $('myBut').'value will work on both the IE and Mozilla. You have to find out the place were u had gone wrong. For me, it seems to be in the URl part u have specified http://... as it was a localhost u have to give the project workpath or some original path were the file actually placed it will work. Just try it out. i am new to JQuery.

Regards
Ramanan Kalirajan

acoder

To run JavaScript, you'll need to eval it or add it to the page via script elements.

In jQuery, you'll probably have to use the $.ajax function instead of the simplified $.post function.

PS. Don't use document.write after the page has loaded - it should only be used during page load.

PPS. jQuery is not only for Ajax.

perdeepOsingh

To run JavaScript, you'll need to eval it or add it to the page via script elements.

In jQuery, you'll probably have to use the $.ajax function instead of the simplified $.post function.

PS. Don't use document.write after the page has loaded - it should only be used during page load.

PPS. jQuery is not only for Ajax.

Thanks acoder, you nailed it. I was researching it and found exactly what you saying. Yes document.write will screw things up as I will lose current content of my page. True jQuery is so much more like design and other stuff. Ok now I got this idea that i have to eval(data) but now i got new problem. the content of data is something like somehtml.....morehtml .............now <script type='....>alert('hello')...</script>.....somemorehtml.

now if data is just javascript than eval is working but as I have html + javascript any suggestion how to tackle this.

Thanks

perdeepOsingh

See what u are saying I am agreeing that. But the basic thing u must understand that each browser has their own implementation logic. This we call as Browser Compatibility problem. i am working in Prototype JS Framework.

in IE, $('myBut').readAttribute('value') --> this will be working but the same doesn't works on Mozilla.

were as the code $('myBut').'value will work on both the IE and Mozilla. You have to find out the place were u had gone wrong. For me, it seems to be in the URl part u have specified http://... as it was a localhost u have to give the project workpath or some original path were the file actually placed it will work. Just try it out. i am new to JQuery.

Regards
Ramanan Kalirajan

Hi Ramanan,
Thanks mate for explaining the browser compatibility. I appreciate it, but i think acoder is making more sense of my problem. Might I didn't managed to explain you my prob. I appreciate your help and effort. Still you can help me but in the direction acoder and me are going.

Thanks

RamananKalirajan

Hi Ramanan,
Thanks mate for explaining the browser compatibility. I appreciate it, but i think acoder is making more sense of my problem. Might I didn't managed to explain you my prob. I appreciate your help and effort. Still you can help me but in the direction acoder and me are going.

Thanks

Sure, I will be there in the forum trying to help u out.

Regards
Ramanan Kalirajan

perdeepOsingh

Thanks everyone for helping me on this topic. I figured it out and come up with solution

Expand|Select|Wrap|Line Numbers

 
if($.browser.msie)

    {

        try{

            var re =/((<[\s\/]*script\b[^>]*>)([^>]*)(<\/script>))/i;

            var match;

            if(match = re.exec(data)) {

                    eval(match[3]);

            }

        }

        catch(error){

            alert(error);

        }

    }

acoder

The reg. exp. looks OK, but why are you using browser detection?

perdeepOsingh

The reg. exp. looks OK, but why are you using browser detection?

I am using browser detection because I don't want to run this bit of code for other browser as on other browser there was no problem so I don't wanted to do anything unnecessary. I want to make sure just to fix this bug without creating ripple in other things.

Cheers

acoder

You should avoid browser detection if at all possible. See why. If the code works in other browsers too, then use it in all browsers.

Doesn't execute Javascript when called using ajax

Post your reply

Similar topics

Question stats

	Ask Question
Home Questions Articles Browse Topics Latest Top Members FAQ