将字符串值从 webform 传递给 jquery 调用？答案

【问题标题】：Pass string value from webform to jquery call?将字符串值从 webform 传递给 jquery 调用？
【发布时间】：2014-08-02 01:08:04
【问题描述】：

我目前有一个简单的 aspx 网络表单，它只使用一个 div（带有 div id）作为图表控件。该控件由来自 Dash.js 文件（包含在 aspx 的 HTML 中）中的 jquery 调用的数据填充。当 webform 加载时，调用 jquery 函数FillGraph(RunDate) 并显示图表。目前，我对参数进行了硬编码；所以我调用FillGraph("20140603")，然后调用用作数据源的WCF 方法。以下是jquery函数的一部分：

function FillGraph(RunDate) {
    ...
    dataSource: {
        transport: {
            read: {
                url: "http://localhost:50/Wcf.svc/FillChart?Date=" + RunDate,
                dataType: "json"
            }
        }
    },

如您所见，函数调用是用日期硬编码的。如果我想更改图形数据，我必须转到 Dash.js 并更改 FillGraph() 中的日期。 JS 调用如下所示：

function FillChart() {
    FillGraph("20140603");
}

$(document).ready(FillChart);
$(document).bind("kendo:skinChange", FillChart);

我想做的是向 ASPX 添加一个文本框和一个按钮。这样，当我单击按钮时，我会获取文本框字符串并以某种方式将其传递给 jquery 调用。

我没有发布任何代码，因为没有。我只想知道如何将一个值从一个 webform 发送到一个单独的 .JS 文件中的 jquery 函数调用。我尝试用谷歌搜索它，但我认为我的搜索不正确。

谢谢。

【问题讨论】：

标签： c# jquery asp.net wcf .net-4.0

【解决方案1】：

假设你的按钮和文本框分别是 ASP.NET 控件 btnFillChart 和 txtDateString，设置按钮客户端点击处理程序：

OnClientClick="FillChart();return false"

然后将FillChart 中的硬编码日期替换为：

$('#<%=txtDateString.ClientID%>').val()

【讨论】：

谢谢。我将客户端单击处理程序添加到 FillChart() 并调用该函数。但是我随后添加了alert($('#<%=txtDateString.ClientID%>').val());，但它没有显示弹出窗口。
这是我的函数的样子：function FillCharts() { alert('FillCharts Called'); alert($('#<%=txtDateString.ClientID%>').val()); }
应该这样使用：alert($("#txtDateString").val());