How can i post data using Jquery in Asp.net in some correct way?

Question

I am using Jquery for posting form data in aspx.

the way i have adopted is, I make one page having form and another aspx page where i receive values and in its page_load i run the query or other logic.

I am using $.ajax method of jquery, but if there some exception or issue occurs, it does not respond correctly and the preloader kept on working.

Please tell me if there is any supportive way in .Net, so i can use this jquery $.ajax in a proper way, or should i use webservices or whatever please let me know, or can I call code behind c# function from jquery $.ajax? Thanks Atif

I've read your question and your comments on people's answers and I'm not sure what you're asking anymore. You said in one comment "but if some exception occurs then this does not work, i also want if the receiving code could give some intellisense like it gives in code behind file." - What do you mean intellisense? Do you want intellisense in your javascript files for the jQuery library? — Michael
– Michael, Commented Jul 2, 2011 at 4:08

abhijit · Accepted Answer · 2011-07-01 11:24:02Z

1

   //the data you want to post
    var dataObject = JSON.stringify(reqObject); /// to use this you need json plugin link is posted below



    //Call the page method  
    $.ajax({
        async: false,
        type: "POST",
        url: youraspxPage + "/" + your code behind function name,
        contentType: "application/json;",
        data: dataObject,
        dataType: "json",
        success: ajaxCallSuccess,
        error: ajaxCallFailure
    });


function ajaxCallSuccess(response) {
    var msg1 = response.d;
}

function ajaxCallFailure(response) {
    var msg2 = response.d;
}

try this let me know if it works...

json plugin

see this

edited Jul 1, 2011 at 11:24

answered Jul 1, 2011 at 6:30

abhijit

1,9683 gold badges28 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Muhammad Atif Agha Over a year ago

I have written like this, its not working, please check $.ajax({ async: false, type: "POST", url: "Schedular.aspx/check", contentType: "application/json;", data: dataObject, dataType: "json", success: ajaxCallSuccess, error: ajaxCallFailure });

abhijit Over a year ago

method you are posting to is it a web method?

Rob Rodi · Accepted Answer · 2011-07-01 05:35:22Z

0

The extra page is unnecessary. If you'd like to really do ajax, you can post to a ScriptMethod(http://msdn.microsoft.com/en-us/library/system.web.script.services.scriptmethodattribute.aspx) in the same class. It means you don't need to wire up all that other stuff involved in having an Aspx. This method is a good start into doing ajax in Asp.Net.

answered Jul 1, 2011 at 5:35

Rob Rodi

3,49423 silver badges19 bronze badges

1 Comment

Muhammad Atif Agha Over a year ago

The ajax of asp.net is very much slow as compared to jquery $.ajax, and asp.net ajax does not refresh page but runs whole c# file behind.

B4ITZUP · Accepted Answer · 2011-07-02 00:08:30Z

the .apsx page with ajax need to call a handler (.asxh) to get the values and process it

you can put the handler in one location or in the same location as the aspx page that is calling it

the ajax would retrieve the values and send it to the hanlder, in the handler it process the data and can also pass back values to the ajax on the first page

(aspx page)

//Call the page method  
$.ajax({
    type: "POST",
    url: myHandler.ashx,
    contentType: "application/json;",
    data: dataObject,
    dataType: "json",
    success: ajaxCallSuccess,
    error: ajaxCallFailure
});

(handler page)

<%@ WebHandler Language="C#" Class="myHandler" %>
using System;
using System.Web;

public class myHandler : IHttpHandler 
{
    public void ProcessRequest(HttpContext context)
    {
        string strFname = string.empty;
        string strLname = string.empty;

        context.Response.ContentType = "application/json";

        if (!String.IsNullOrEmpty(context.Request.Form["FirstName"]))
        {
            strFname= Convert.ToString(context.Request.Form["FirstName"]);
        }
        if (!String.IsNullOrEmpty(context.Request.Form["LastName"]))
        {
            strLname = Convert.ToString(context.Request.Form["LastName"]);
        }

        context.Response.Write(HelloWorld(strFname, strLname));
    }

    public bool IsReusable
    {
        get { return false; }
    }

    public string HelloWorld(string fname, string lname)
    {
     return "Hello World, my name is " + fname + " " + lname;
    }
}

It doens't have to call a handler - it can easily call an aspx page and do the processing in Page_Load.

Jon · Accepted Answer · 2011-07-02 03:59:29Z

0

jQuery's $.ajax() function takes an error parameter which will be called if the request fails for any reason.

$.ajax({
   url: "someCommand.aspx",
   type: "POST",
   data: $("#myForm").serialize(),
   success: function(data){
       // display your data
   },
   error: funciton(){
       // handle error some way
   }
});

Or you can handle individual errors such as a 404, if you need to be specific, like this:

$.ajax({
  url: "someCommand.aspx",
  type: "POST",
  data: $("#myForm").serialize(),
  success: function(data){
     // display your data
  },
  statusCode: {
    404: function() {
      alert('page not found');
    }
  }
});

Best of Luck, Dave

edited Jul 2, 2011 at 3:59

Jon

3,0002 gold badges25 silver badges30 bronze badges

answered Jul 1, 2011 at 5:50

dave.mcalpine

4072 silver badges7 bronze badges

2 Comments

Muhammad Atif Agha Over a year ago

Is this the only approach with jquery, i already use this, but if some exception occurs then this does not work, i also want if the receiving code could give some intellisense like it gives in code behind file.

Michael Over a year ago

If an exception occurs you can trap it in the error callback, ie: error: function() { alert('the aspx page on the other end threw an exception'); }

Collectives™ on Stack Overflow

How can i post data using Jquery in Asp.net in some correct way?

4 Answers 4

2 Comments

1 Comment

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related