$.Ajax is not working properly in firefox

Question

1.00/5 (1 vote)

See more:

Hi,

I'm facing a unique problem of firefox and i.e
when I passed a function from $.AJAX with datatype as JSON then that function (provided in url with some parameter) will not execute
Note :- I'm using both onclientclick event and button click event on the same button

And when I'm debugging from firefox by placing breakpoint inside $.ajax, then that function which I passed inside $.AJAX will execute first.

Tell me why this is happening and what is the solution of this typical problem.

Here is some snippet which is not working properly:-

.aspx file

<asp:Button ID="btnSubmit" Text="Proceed" runat="server" OnClientClick="myFunction();"
            OnClick="btnSubmit_Click" />

Javascript code is:-

function myFunction() {
    $.ajax({
        type: "POST",
        url: "pageName.aspx/CallFunction",
        data: "{'valArray': '" + JSON.stringify(variable) + "'}",
        contentType: "application/json",
        dataType: "json",
        success: function () {
            //success function
        },
        error: function () {
            //failure function
        }
    });
}

P.S :- In google Chrome it is working perfectly

Thanks in Advance

Posted 31-Jul-15 2:55am

binadi007

Updated 31-Jul-15 3:25am

v3

Add a Solution

Comments

F-ES Sitecore 31-Jul-15 9:12am

Google for examples of using ajax and you'll find loads. If they don't solve your issue then you'll need to post your code as we can't access your system.

Sergey Alexandrovich Kryukov 31-Jul-15 9:15am

Ajax does work properly with Firefox, jQuery Ajax, too.
—SA

Sinisa Hajnal 31-Jul-15 9:25am

It should work in all browsers, I know, I tried it. Do some research, the error is in your code. Post your code if you don't find the error. Get Firebug plugin, it may help with FF debugging.

binadi007 31-Jul-15 9:27am

I debug it a lot of time.....if I debug then the CallFunction runs (function name as shown in above code)......if not debug then not run

ZurdoDev 31-Jul-15 12:39pm

It will either call your success function or your error function.

binadi007 31-Jul-15 15:34pm

But in both the cases url will execute....
In my case on debugging only url will execute else not execute

ZurdoDev 31-Jul-15 15:43pm

Success or error will execute. Put a breakpoint on them and you'll see.

binadi007 31-Jul-15 15:50pm

What i see on placing breakpoint is that the callfunction will execute and then onclick button event execute
If i not placed breakpoint then only onclick button event execute not callfunction execute

ZurdoDev 31-Jul-15 15:55pm

I don't know what callfunction is.

However, I just looked and you have a client side event click which fires first but then your page postsback and so the success and error won't be called because your page postedback.

binadi007 31-Jul-15 15:59pm

Actually the problem arises in firefox only not in chrome
In chrome both function i.e onclientclick event and click event working simultaneously

ZurdoDev 31-Jul-15 16:01pm

I know you say that but it shouldn't. .ajax is asynchronous so it fires off a call to CallFunction in your page but then does a postback so the return should get lost.

binadi007 31-Jul-15 16:03pm

So wht to do in firefox

ZurdoDev 31-Jul-15 16:09pm

I wouldn't expect it to work anywhere. I think it's a bad design and you should rethink what you're trying to do.

binadi007 31-Jul-15 16:20pm

But its not possible anyhow thats why i did with this way

ZurdoDev 31-Jul-15 16:23pm

But I'm not surprised it won't work.

binadi007 31-Jul-15 16:26pm

I searched on google also and found that firefox has some problem regarding it

binadi007 31-Jul-15 16:27pm

But not a good solution provided

ZurdoDev 31-Jul-15 16:27pm

No, the problem is not with ajax. As others have said, .ajax works fine in FireFox. It's because your page is posting back that you lose the return value in FireFox.

binadi007 31-Jul-15 16:30pm

Ok what can i do is i'll try to find out the problem

Sreekanth Mothukuru 1-Aug-15 2:20am

Do one event at a time. Like first fire an ajax event (on input type button and not asp button) and when on success or error callback do server side click event (The second one is quite tricky as you need to use an invisible asp button) on hidden asp button.

binadi007 1-Aug-15 2:57am

I can do that but the thing is callfunction javascript function contains lot of data entry to database so it'll always show error due to not getting data in a very small interval of time, so how can i call that function in success section of $.ajax

Sreekanth Mothukuru 1-Aug-15 5:05am

You post an ajax request to "CallFunction" and trigger server side event in the callback method. This doesn't show any error messgage!! Use trigger to fire server side click event event.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)