Using jQuery with ASP.NET to Submit a Form

Question

I've used jQuery dozens of times with PHP with great success. I'm working on an ASP.NET application and would like to use jQuery in the same manner.

Basically, I've got a masterpage that has the form and a webform that has all the form fields and data. A user can submit the form multiple ways - selection of a drop-down, button, etc. I want to catch all submits and use jQuery to submit the form. While the form is being processed, I want to display a new DIV with some text in it. Finally, I want to replace that div with the new form.

How can I accomplish this with the way that ASP.NET works?

are you trying to accomplish this without seeing the postback refresh? — Mutt
– Mutt, Commented May 18, 2011 at 18:14
@Mutt: Sorry I should have clarified. I want to have access to the results to make changes to the form as needed and load the "new" form. — Dexter
– Dexter, Commented May 18, 2011 at 18:53

Matías Fidemraizer · Accepted Answer · 2011-05-18 18:34:48Z

Actually ASP.NET will post-back if you use its built-in JavaScript __doPostBack function. There's no other painless way for doing that.

That means you can use jQuery to handle drop-down lists, buttons or whatever (X)HTML element event and handler's body will invoke __doPostBack.

It's unclear that you want is a full-postback, but a partial one using AJAX.

If you're looking for a solution for sending form values to the server without a full-postback, I believe you've these options:

Callback API: http://msdn.microsoft.com/en-us/library/ms178208.aspx
Page methods, update panels: http://msdn.microsoft.com/en-us/magazine/cc163480.aspx

Anyway, let me give you an advise: ASP.NET works quite different compared to PHP and you'd not try to reproduce some known PHP solutions in ASP.NET. You need to change your mind.

About showing a DIV or anything while something is processed, play with initializeRequest ASP.NET AJAX PageRequestManager:

http://msdn.microsoft.com/en-us/library/bb397460.aspx

But that would depend on what AJAX API you're using, because since Microsoft AJAX will be replaced by jQuery in the next times, I'll need to say that you need to do that in some jQuery approach, like creating some $.ajax wrapper so your code will be able to listen when an asynchronous request is going to be made and you can perform actions by handling that situation like showing a DIV or any loading notice.

benwasd · Accepted Answer · 2011-05-18 20:55:30Z

2

In ASP.NET Webforms formposts aren't as easy as they are in php. If you're new in ASP.NET development try http://www.asp.net/mvc. A common framework which allows you to implement TypedViews (ViewModes), simple request to modelbinding, and so on...

mh, sample:

[HttpPost]
public JsonResult Insert(string name, string vorname) // name&vorname filled by $_POST:)
{
    var @new = new Person { Name = name, Vorname = vorname }
    this.repo.Insert(@new);

    return this.Json(new { success = true, newId = @new.Id });
}

answered May 18, 2011 at 20:55

benwasd

1,35210 silver badges18 bronze badges

Collectives™ on Stack Overflow

Using jQuery with ASP.NET to Submit a Form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related