basic help with Jquery + AJAX

[Praful Thakare]

Hi Bear,

if have following code and question after line 6,7 and 16.

would Appreciate quick response

1: <script type="text/javascript">
2:jQuery.noConflict();// THIS LINE IS VERY IMP ELSE MOOTOOLS CODE WONT WORK
3:jQuery(function()
4:{
5:jQuery('.body_container').ajaxSuccess(function(info){
6:      jQuery(info.target).html('<div>Success at '+new Date()+'</div>');// instead of success message i want to set div with html that was returned.
7:          alert(info.text); // THIS prints undefined how can print the content that was return by get call @ line#17 ??
8:        });
        
9:        jQuery('.body_container').ajaxError(function(info,xhr){
10:         jQuery(info.target).append("FAILED);
11:        });
12:});
13:     function onTabClick(url)
14:     {
15:     var body_container=jQuery('.body_container');
16:     alert(body_container[0].html); /what function to use to print html, this gives undefined.
17:       jQuery.get(url); // this gives struts call somthing.do and gets jsp back
         }

[ May 30, 2008: Message edited by: Praful Thakare ]
[ May 30, 2008: Message edited by: Praful Thakare ]

[Gregg Bolinger]

As far as 6 & 7 you should really be using the .load() function if you are just plopping in a bit of HTML returned from the server.

$('#someDivId').load('someUrl');

http://docs.jquery.com/Ajax/load

With regards to 16, huh? What are you trying to achieve?

[Praful Thakare]

Thanks a ton Gregg , yep i tried load and its working for safari only, but may be something wrong with with my html.

well with 16 i just want to know content of the selector (in this case div)

-P

[Bear Bibeault]

It was kinda hard to figure out what you were doing because the indentation in your code is rather boofed up....

But, I wouldn't approach the problem in the way that you are doing.

Firstly, you shouldn't use ajaxSuccess to do something this specific. The "global" ajax callback handlers are for setting up general things to do for all Ajax calls on a page. When using $.get() and wanting to handle its response, I'd pass the callback to $.get() and keep things tidy and focused rather than spreading things out all over the place. When passing the callback, the response data is passed as the first param to the callback.

Secondly, I wouldn't be using $.get() here at all. It looks like you are wanting to load the response into a target element. For that, the load() wrapper method is the preferred and easiest route.


[Edit: we all bonked heads!}
[ May 30, 2008: Message edited by: Bear Bibeault ]

[Bear Bibeault]

var body_container=jQuery('.body_container');
alert(body_container[0].html); /what function to use to print html, this gives undefined.    

alert(jQuery('.body_container').html());

[Praful Thakare]

Gregg and Bear .. Thanks much for you help, I will do more rnd on load and get it done.

Have Great Weekend

Cheers !!!