html表格到C＃代碼隱藏代碼

Question

我正在嘗試執行Sign Up api of Constant Contact。他們給了我這個HTML代碼。如果我將它另存爲HTML頁面，則運行正常。

我想要做的是將此窗體轉換爲將執行onClick按鈕的C＃代碼。 HTML部分看起來不錯，但今天是我第一天使用ASP.net，我不知道代碼隱藏在.cs文件中的代碼是什麼。搜索了很多，我感到非常困惑。

點擊提交按鈕時按下此方法：

protected void buttonId_Click(object sender, EventArgs e) 
{ 

} 

這裏是我的UI端代碼：

<asp:TextBox ID="TextBox3" runat="server" class="name" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"></asp:TextBox> 
<asp:TextBox ID="TextBox4" runat="server" class="name" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"></asp:TextBox> 
<asp:TextBox ID="TextBox2" runat="server" class="name" value="Join our mailing list" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Join our mailing list';}"></asp:TextBox><br> 

<asp:Button id="buttonId" OnClick="buttonId_Click" class="btn btn-info sub1" runat="server" Text="SUBSCRIBE"> 

</asp:Button> 

這裏是我從不斷的接觸得到了HTML代碼：

<form data-id="embedded_signup:form" class="ctct-custom-form Form" name="embedded_signup" method="POST" action="https://visitor2.constantcontact.com/api/signup"> 
    <p>Sign up to get interesting news and updates delivered to your inbox.</p> 
    <!-- The following code must be included to ensure your sign-up form works properly. --> 
    <input data-id="ca:input" type="hidden" name="ca" value="my-secrect-key"> 
    <input data-id="list:input" type="hidden" name="list" value="3"> 
    <input data-id="source:input" type="hidden" name="source" value="EFD"> 
    <input data-id="required:input" type="hidden" name="required" value="list,email"> 
    <input data-id="url:input" type="hidden" name="url" value=""> 
    <p data-id="Email Address:p" ><input data-id="Email Address:input" type="text" name="email" value="" maxlength="80"></p> 
    <p data-id="First Name:p" ><input data-id="First Name:input" type="text" name="first_name" value="" maxlength="50"></p> 
    <p data-id="Last Name:p" ><input data-id="Last Name:input" type="text" name="last_name" value="" maxlength="50"></p> 
    <button type="submit" class="Button ctct-button Button--block Button-secondary" data-enabled="enabled">Sign Up</button> 
</form> 

Answer 1

下面是一些代碼，您可以將其放入按鈕OnClick事件的示例。此POST的數據到另一個URL。

希望你能弄清楚這段代碼發生了什麼。基本上它是用HTML表單中的所有數據構建一個字符串（數據），並使用HTTP POST將其提交給其他網站。

您很可能還需要檢查其他網站的回覆。

string remoteUrl = "https://visitor2.constantcontact.com/api/signup"; 

ASCIIEncoding encoding = new ASCIIEncoding(); 
string data = "ca=my-secrect-key&list=3&source=EFD&required=list,email&url=&email=" + Server.UrlEncode(TextBox1.Text) + "&first_name=" + Server.UrlEncode(TextBox2.Text) + "&last_name=" + Server.UrlEncode(TextBox3.Text); 
byte[] bytes = encoding.GetBytes(data); 
HttpWebRequest httpRequest = (HttpWebRequest)WebRequest.Create(remoteUrl); 
httpRequest.Method = "POST"; 
httpRequest.ContentType = "application/x-www-form-urlencoded"; 
httpRequest.ContentLength = bytes.Length; 
using (Stream stream = httpRequest.GetRequestStream()) 
{ 
    stream.Write(bytes, 0, bytes.Length); 
    stream.Close(); 
}