如何将文本框中的文本放入通过 AJAX“POST”请求发送的变量中？

Question

我想将“txtDATE”文本框中的文本放入变量 press_date 中。当前的 AJAX 帖子运行良好。（除了它是静态的，我想要变量）。我整天都在寻找答案并尝试一切。任何帮助表示赞赏。<td>     <asp:TextBox ID="txtDATE" runat="server" AutoPostBack="true" Width="75px" ></asp:TextBox></td>var press = "'1000'";var press_date = "'2020-08-01'";$.ajax({ type: "POST", url: "1000TIOT.aspx/GetChartData", data: "{ press: " + press +  ", press_date: " + press_date + " }", contentType: "application/json; charset=utf-8", dataType: "json", success: function (r) {     var data1 = google.visualization.arrayToDataTable(r.d);     var chart = new google.visualization.BarChart($("#chart")[0]);     chart.draw(data1, options); }, failure: function (r) {     alert(r.d); }, error: function (r) {     alert(r.d); }});

Answer 1

代替：

   var press_date = "'2020-08-01'";

您应该能够使用：

 var press_date = "'" + $('#txtDATE').val() + "'";

我还会考虑为文本框放置一个 ClientIDMode="Static" 属性，因为这会阻止服务器端代码通过服务器端系统重命名 txtDATE 文本框。这将确保 jquery 选择器 $('#txtDATE') 将能够引用未更改的控件 ID。（在本例中为 id = "txtDATE"）。

Answer 2

runat="server"将导致生成的 id 与您期望的不同，因此如果您添加ClientIDMode="Static"id 将是 txtDate

<asp:TextBox ID="txtDATE" ClientIDMode="Static" runat="server" AutoPostBack="true" Width="75px" ></asp:TextBox>

然后你可以用

var press_date = $('#txtDATE').val();

您是否还使用自动回发进行日期验证或其他？

如果不是，并且此输入仅在 AJAX 调用中使用，您可能只需将整个输入替换为基本 html 即<input type="text" id="txtDate">

您还可以使用它<input type="date" id="txtDate">来获取浏览器对日期时间选择器的支持。

Answer 3

我已经弄清楚了，现在可以正常工作了。

var press_date = "'" + $('#<%= txtDATE.ClientID %>').val() + "'";

我想我在沮丧中忘记了解释它是带有 vb 后端的 asp 代码。感谢您的回复和协助。