ansaurus

Question

Answer 1

+2 A:

I've recreated your code on my side.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head runat="server">
    <title></title>


    <script src="Js/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $("#btnSample").live("click", function() {
            $.ajax({
                type: "POST"
            , data: {}
            , url: "Default.aspx/SampleMethod"
            , contentType: "application/json; charset=utf-8"
            , dataType: "json"
            , success: function(msg) {
                alert("Success : " + msg.d);
            }
            , error: function(error) {
                $("#lblSample").text(error.status);
            }
            });
        });

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:Label runat="server" ID="lblSample"></asp:Label>
    <input type="button" id="btnSample" runat="server" value="Show What" />
    </form>
</body>
</html>

That's a copy and paste. I've tested it in IE8 and it works fine.

The one change I did make was changing your success output to use msg.d This is so it outputs Success : jQuery is Super. msg would NOT cause a crash - it would just output Success : [object Object] (msg is a object that contains a string called d which the return from the static method is called).

I haven't changed your static method at all

This is in my class (remember Default.aspx)

public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { }

[WebMethod]
public static string SampleMethod()
{
    return "jQuery is Super";
}

}

This is sitting inside my Default.aspx.cs file

I tried messing around to get a 200 OK error and the ONLY time I managed this was when I had

, contentType: "application/ json;charset=utf-8"

That has a space between the / and json.

But that isn't in your question. Maybe it is sitting in your code that way and you fixed it in the question?

Kamal 2010-01-28 13:24:23

The thing is, I'm using IE6. I guess it doesn't works in IE6. Is it so?

engineerachu 2010-01-28 13:41:25

Possibly. But unfortunately I do not have any pc here with IE 6 to test the theory on. Do you have a machine with anything other than IE 6. Maybe firefox?

Kamal 2010-01-28 13:51:56

I think the problem is with IE6. It works perfectly in IE7+ and Mozilla Firefox. In IE6, it doesn't work as far as I've seen.

engineerachu 2010-01-28 17:35:42

Answer 2

+2 A:

One thing I see different about your script than the way I use it is wrapping the {} in the data part with quotes. Try this:

, data: "{}"

Also, This is a good article with some jquery ajax caveats: http://encosia.com/2008/06/05/3-mistakes-to-avoid-when-using-jquery-with-aspnet-ajax/

brheal 2010-01-28 14:35:24

I noticed that as well. But I tried it without the quotes and works just as well.

Kamal 2010-01-29 06:55:47

Answer 3

+1 A:

Your button is posting back instead of calling the click event. To stop the unintentional postback add e.preventDefault to your click handler. I'd also suggest not using a server side control (ie removing the runat=server) unless absolutely necessary. It just adds unneeded overhead.

Ariel 2010-01-28 14:54:33

The code which I've written is correct. It only doesn't works in IE6.

engineerachu 2010-01-29 05:05:17

ansaurus

tags:

views:

answers:

jQuery Ajax in asp.net

related questions