如何传递HTML文本框数据并从C#代码隐藏中检索编辑的文本?

Question

>我正在尝试将HTML文本框的值传递给后面的C#代码并返回该值，但是我收到"错误：语法错误：JSON输入意外结束"。 我是新手，并试图学习如何做到这一点。 我知道 Web API 更好，但是，我想先尝试一下这种方式。

我已经在jQuery语句中尝试了.value，并在后面的代码中尝试了Request.QueryString(尽管我相信它应该像我编码的那样，因为它是Get？(。 这些都不起作用。 我已经查看了这个站点和其他站点上的许多资源，大多数都涉及 aspx 前端与 HTML，但我似乎找不到任何关于返回数据的内容，就像我正在尝试的那样......但是那里有太多的东西，我想这只是我的搜索查询不是最好的。

这是我的jQuery语句：

var uri3 = 'http://localhost:60970/CustName.aspx';
function GetName() {
$.getJSON(uri3)
.done(function (data) {
$("#p1").text(data);
})
.fail(function (jqXHR, textStatus, err) {
$("#p1").text('Error: ' + err);
});

HTML代码，它从中提取输入(id="txtFName"(以及我希望文本返回文档时的位置(id="p1"(：

<p>
Please enter your name:
<input id="txtFName" type="text" />
<input id="btnName" type="button" value="Input" onclick="GetName();" />
</p>
<p id="p1"></p>

以及发送输入的 C# 代码：

protected void Page_Load(object sender, EventArgs e)
{
String v_fname; 
v_fname = Request.Form["txtFName"];
Response.Write(v_fname);
}

我希望输出将是输入名称(以代码的当前形式(，但在 #p1 区域中。 就像我之前说的，我是新手，所以我希望这是一个语法错误。 感谢您提供的任何指示。

Answer 1

可以使用查询字符串传递数据。

Please enter your name:
<input id="txtFName" name="txtFName" type="text" />
<input id="btnName" type="button" value="Input" onclick="GetName();" />
<script>
function GetName() 
{
window.open('CustName.aspx?txtFName='+ $('#txtFName').val());
}
</script>
protected void Page_Load(object sender, EventArgs e)
{
String v_fname;
v_fname = Request.QueryString["txtFName"];
Response.Write(v_fname);
}

Answer 2

Please enter your name:
<input id="txtFName" name="txtFName" type="text" />
<input id="btnName" type="button" value="Input" onclick="GetName();" />
<asp:HiddenField id="hdnName" runat="server"/>
<script>
function GetName() 
{
var name = $('#txtFName').val();
$('#<%=hdnName.ClientID%>').val(name);
}
</script>
protected void Page_Load(object sender, EventArgs e)
{
string name = hdnName.value();
Response.Write(name);
}