3

reportManager.save("/EditInitiatives.svc/SaveGridData");メソッドの呼び出し中にエラーが発生する

<script type='text/javascript'>
$(function () {
    $('#saveReport, #save-report-bottom').click(function () {
        $.blockUI({ message: '<h4><img src="/Images/busy.gif" /> Saving your changes.<br/>This operation might impact several reports at once.<br/>Please be patient.</h4>' });
        uiController.disableSaveButton();
        reportManager.save("/EditInitiatives.svc/SaveGridData");
    });

    var reportManager = function () {
        var tableData = JSON.stringify(handsontable.getData());
        var input = JSON.stringify({ "input": tableData });
        alert("Data" +  input); 

        save = function(saveUrl) { 
            alert("save" + saveUrl);

            $.ajax({
                url: saveUrl,
                type: 'POST',
                dataType: 'json',
                data: input, //returns all cells' data
                contentType: 'application/json; charset=utf-8',
                success: function(res) {
                    if (res.result === 'ok') {
                        console.text('Data saved');
                    }                        
                    $.unblockUI();                            
                }, 
                error: function (xhr) {
                    alert(xhr.responseText);
                }                       
            });
        }
    };
}
</script>
4

2 に答える 2

3

saveはグローバル変数であり、 の一部ではないため、アクセスできませんreportManager。

グローバルである理由は、変数の前に var がないためです。これにより、グローバル名前空間に配置されます。関数のブロックスコープに魔法のように接続されることはありません。それを機能させるには、オブジェクト指向アプローチを使用する必要があります。いくつかの基本的な考え方は

function Report() {
     var x = 1;
    this.save = function () {
        alert("First: " + x);   
    }
}

var report = new Report();
report.save();


function report_2() {
     var x = 1;
    return {
        save : function () {
            alert("Second: " + x);   
        }
    }
}

var report2 = report_2();
report2.save();


var report_3 = (function () {
     var x = 1;

    var returnObj = {};
    returnObj.save = function () {
            alert("Third: " + x);   
    }

    return returnObj;


    //return {
    //    save  :  function() {
    //        alert("Third: " + x);   
    //    }
    //}
})();

report_3.save();

例のフィドル: http://jsfiddle.net/5Zhsq/

于 2013-05-15T17:18:45.763 に答える
0

キーワードsaveなしで関数を宣言しました。varそのため、の関数としてではなく、グローバル スコープで宣言されますreportManager。

varfunction の前にキーワードを置いても、functionsaveの外からはアクセスできません。それを公開するには、ちょっとそれが必要です。これを行う簡単なパターンを次に示します。reportManagerscopeexport

 var reportManager = (function (self) {

      function save(saveUrl) { ... } //this function is not public yet

      self.save = save; //we are exporting the save function here
      return self; //now we are returning an object with save function

 })(reportManager || {});


 reportManager.save("your-param-here"); //Now use your function the way you want
于 2013-05-15T17:25:16.447 に答える