JQuery Ajax clash

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

Preethi Sivakumar 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.

Dharmdip Rathod 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?

Preethi Sivakumar wrote:

Dharmdip Rathod 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:

Good !