ASP.NET中的Javascript函数参数问题（null参数） [英] Javascript function parameter problem in ASP.NET (null parameter)

问题描述

我写过这个函数

I had written this function

<<pre lang="JavaScript">script type="text/javascript">
        // Call DropDownList Fill function
        $(document).ready(function () {
            LoadBankCashList();
        });
        // DropDownList Fill function
        function LoadBankCashList() {
            var cashflowpaytype = $("[id*=drpbankcashflowchartpaytype]").val();
            $.ajax({
                type: "POST",
                url: "home.aspx/GetBankCashList",
                data: "{cashflowpaytype: '" + cashflowpaytype + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    var drpbankcashflowchartpayid = $("[id*=drpbankcashflowchartpayid]");
                    drpbankcashflowchartpayid.empty().append('');
                    $.each(r.d, function () {
                        drpbankcashflowchartpayid.append($("<option></option>").val(this['Value']).html(this['Text']));
                    });
                }
            });
        };
        // Call DropDownList Fill function and fill chart function on dropdown payment type change
        $(function () {
            LoadBankCashList();
            $("[id*=drpbankcashflowchartpaytype]").bind("change", function () {
                LoadBankCashList(),
                LoadBankCashFlowBarChart(); ret
            });
        });
        // Call fill chart function on any one dropdown change
        $(function () {
            LoadBankCashList(),
            LoadBankCashFlowBarChart();
            $("[id*=drpbankcashflowchartpaytype], [id*=drpbankcashflowchartpayid], [id*=drpbankcashflowchartdaterange]").bind("change", function () {
                LoadBankCashFlowBarChart(); ret
            });
        });
        // Fill chart function
        function LoadBankCashFlowBarChart() {
            var paytype = $("[id*=drpbankcashflowchartpaytype]").val();
            var payid = $("[id*=drpbankcashflowchartpayid]").val();
            var bankcashflowbarchartdaterange = $("[id*=drpbankcashflowchartdaterange]").val();
            $.ajax({
                type: "POST",
                url: "home.aspx/GetBankCashFlowBarChart",
                data: "{paytype: '" + paytype + "', payid: '" + payid + "', bankcashflowbarchartdaterange: '" + bankcashflowbarchartdaterange + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    var labels = r.d[0];
                    var series1 = r.d[1];
                    //var series2 = r.d[2];
                    var data = {
                        labels: r.d[0],
                        datasets: [
                            {
                                label: paytype,
                                fillColor: "rgba(255, 255, 193, 0.2)",
                                strokeColor: "#FCD209",
                                pointColor: "#FF8C00",
                                data: series1
                            }
                        ]
                    };
                    $("#dvBankCashFlowBarChart").html("");
                    var canvas = document.createElement('canvas');
                    $("#dvBankCashFlowBarChart")[0].appendChild(canvas);

                    //Fix for IE 8
                    if ($.browser.msie && $.browser.version == "8.0") {
                        G_vmlCanvasManager.initElement(canvas);
                    }
                    var ctx = canvas.getContext('2d');
                    ctx.canvas.height = 335;
                    ctx.canvas.width = 731;
                    var lineChart = new Chart(ctx).Bar(data, {
                        barBeginAtOrigin: true,
                        scaleBeginAtZero: false,
                        bezierCurve: false,
                    });
                },
                failure: function (response) {
                    alert('There was an error.');
                }
            });
        }
    </script>

但在页面加载时（不在aspx.cs中）图表是没有显示任何数据，因为参数payid在我的LoadBankCashFlowBarChart（）函数中获得空值，但当我更改下拉列表中的任何一个时，它显示数据（在更改下拉列表时获取实际参数值）,.



我是Jquery和HTML5的新手



请帮帮我。



我尝试了什么：



我写了函数LoadBankCashList（）和LoadBankCashFlowBarChart（）

并调用document.ready，但它将参数作为填充的dropdownlist（LoadBankCashList（））值的空值

but on page load (not in aspx.cs) graph is not showing any data because the parameter "payid" is getting null value in my LoadBankCashFlowBarChart() function, but when i change any one of dropdownlist it shows data(getting actual parameter value on change of dropdownlist), .

I am new to Jquery and HTML5

Please help me.

What I have tried:

I had written function LoadBankCashList() and LoadBankCashFlowBarChart()
and called on document.ready but it takes parameter as null of populated dropdownlist (LoadBankCashList()) value

推荐答案

（ document ）。ready（ function （）{
LoadBankCashList（）;
}）;
// DropDownList填充函数
function LoadBankCashList（）{
var cashflowpaytype =

(document).ready(function () { LoadBankCashList(); }); // DropDownList Fill function function LoadBankCashList() { var cashflowpaytype =

（ [id * = drpbankcashflowchartpaytype]）。val（）;

("[id*=drpbankcashflowchartpaytype]").val();

.ajax（{
类型： POST，
url： home.aspx / GetBankCashList，
data： {cashflowpaytype：' + cashflowpaytype + '} ，
contentType： application / json; charset = utf-8 ，
dataType： json，
成功： function （r）{
var drpbankcashflowchartpayid =

.ajax({ type: "POST", url: "home.aspx/GetBankCashList", data: "{cashflowpaytype: '" + cashflowpaytype + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (r) { var drpbankcashflowchartpayid =

这篇关于ASP.NET中的Javascript函数参数问题（null参数）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！