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(); 
}