Posting Form Data from ASP.NET Page to Another URL

Introduction

Sometime you need to post a form to an differenturl from asp.net pages, for example you might need to send user to third party payment processing system using post method, asp.net does not provide any straight forward way to accomplish this task.

Problem which most users faces with server side form in aspx page are, you are not allowed to change action of form and you are allowed to use only one server side form per page.

Possible Solutions

  1. One possible solution to this problem is to Create your own form control and use it on page this will allow you to change action of form, but again what if you do not want some existing input elements in current page to go to post.
  2. There is good way to post form data using HttpWebResponse & HttpWebRequest class if you want to post data behind the scenes, but if you want to post data using user browser then you are stuck.

Our Solution

I will try to show you one possible way to accomplish this task, we will create

  1. component that will create form with required fields and post the form to specified url, 
  2. web page that will use that component to post data and 
  3. page which will receive that data and display posted data.

A) RemotePost Class.

  1. public class RemotePost  
  2. {  
  3.     private System.Collections.Specialized.NameValueCollection Inputs = new System.Collections.Specialized.NameValueCollection();  
  4.     public string Url = "";  
  5.     public string Method = "post";  
  6.     public string FormName = "form1";  
  7.     public void Add(string name, string value)  
  8.     {  
  9.         Inputs.Add(name, value);  
  10.     }  
  11.     public void Post()  
  12.     {  
  13.         System.Web.HttpContext.Current.Response.Clear();  
  14.         System.Web.HttpContext.Current.Response.Write("");  
  15.         System.Web.HttpContext.Current.Response.Write(string.Format("", FormName));  
  16.         System.Web.HttpContext.Current.Response.Write(string.Format("", FormName, Method, Url))  
  17.     for (int i = 0; i < Inputs.Keys.Count; i++)  
  18.         {  
  19.             System.Web.HttpContext.Current.Response.Write(string.Format("", Inputs.Keys[i], Inputs[Inputs.Keys[i]]));  
  20.         }  
  21.         System.Web.HttpContext.Current.Response.Write("");  
  22.         System.Web.HttpContext.Current.Response.Write("");  
  23.         System.Web.HttpContext.Current.Response.End();  
  24.     }  
  25. }  
Properties of our component 
  1. "Url" which is action of our form. 
  2. "Method" which is Method of our form, default is Post but you can also use Get 
  3. "FormName" which is name of form.

Methods of our component. 

  1. "Add" which will be used to add form input name and value. and 
  2. "Post" which will render html on page to do actual posting, most important part of this method is onload event of rendered html's body which will post form to specified URL.

and private field Inputs which will hold name value pair collection of all inputs that goes into form.

you can compile this class to dll and use in your project but for simplicity I am including that class directly into page itself.

B) Sample Page.

Following is sample page code which posts form to specified url.

  1. RemotePost myremotepost = new RemotePost();  
  2. myremotepost.Url = http://www.jigar.net/demo/HttpRequestDemoServer.aspx;  
  3. myremotepost.Add("field1","Huckleberry");  
  4. myremotepost.Add("field2","Finn");  
  5. myremotepost.Post() ;  
C) Receiving Page.

Following is sample page code which posts form to specified url.

This is the page where posting will occur for simplicity we will just write posed value so that we can know what was posted.

  1. <%@ Page Language="C#" %>  
  2. <script runat="server">  
  3. void Page_Load(object sender, EventArgs e){  
  4. if (Request.Form["field1" != null ){  
  5. Response.Write("field1 : " + Request.Form["field1" + "")}  
  6. if(Request.Form["field2" != null ){  
  7. Response.Write("field2 : " +Request.Form["field2" + "")}  
  8. }  
  9. </script>  
Run Sample

Click "http://www.jigar.net/demo/RemotePost.aspx" target="new">here to run sample

There will be cases where you will need to tweak the code to suit your requirement. you will also need to check scenario where user uses back button of browser(from posted page) which will cause form to be posted again.