JQuery Ajax clash


#1

Hi,

I’m having a search form which renders a table of search results.

The search box is doing an ajax call.

In my search results, i’ve JQuery scripts written for sorting and
pagination and some other operations that i do with the table.

The issue is, I’m not able to have ajax and jquery calls in same page.

Is there any solution for this?

Your help is greatly appreciated. Thanks


#2

Preethi S. wrote:

Hi,

I’m having a search form which renders a table of search results.

The search box is doing an ajax call.

In my search results, i’ve JQuery scripts written for sorting and
pagination and some other operations that i do with the table.

The issue is, I’m not able to have ajax and jquery calls in same page.

Is there any solution for this?

Your help is greatly appreciated. Thanks

jQuery.noConflict();
jQuery(document).ready(function($){

});
write this in javascript file from where you are callin function.


#3

Dharmdip R. wrote:

jQuery.noConflict();
jQuery(document).ready(function($){

});
write this in javascript file from where you are callin function.

Thanks Raghod :slight_smile:

I’ve added “jQuery.noConflice();” in my application.html.erb
and
the second chunk of code is added in my file where i’m calling the Java
script.

Jquery is runnig perfectly. :slight_smile:

The issue now is, Ajax calls are not working as I’m passing parameters
in Ajax call using $ for fetching form’s variables.(i think it conflicts
with Jquery’s $)

In my controller i’m getting the variable passed as “undefined”

How to over come this?


#4

Preethi S. wrote:

Dharmdip R. wrote:

jQuery.noConflict();
jQuery(document).ready(function($){

});
write this in javascript file from where you are callin function.

Thanks Raghod :slight_smile:

I’ve added “jQuery.noConflice();” in my application.html.erb
and
the second chunk of code is added in my file where i’m calling the Java
script.

Jquery is runnig perfectly. :slight_smile:

The issue now is, Ajax calls are not working as I’m passing parameters
in Ajax call using $ for fetching form’s variables.(i think it conflicts
with Jquery’s $)

In my controller i’m getting the variable passed as “undefined”

How to over come this?

Found the solution!
I included Jquery first, jQuery.noConflict() next and then prototype.js
in my application.html.erb
It solved all the problems!! :slight_smile:


#5

Good !