调用函数时未捕获的引用错误

Question

未捕获的 ReferenceError：未定义 SaveProgrammeData单击按钮时，无法调用脚本标记内的 SaveProgrammeData 函数。我没有看到范围问题，因此不确定为什么会发生这种情况<sims-partial name="_FormScripts"></sims-partial><script>function SaveProgrammeData() {    var subjectArea = $("").val();    $.ajax({    type: "POST",    url: "ProgrammeMarketing/SaveProgrammeData",    data: JSON.stringify({                           SubjectArea: subjectArea,     }),    contextType: "application/json",    Success: function (result) {        $("#overview").append("<tr><td>") +        result.SubjectArea + "</td> <td>";             }    }) }</script><div>    <select asp-for="SubjectAreas"         asp-items="Model.SubjectAreas">    </select>    <p><a class="btn btn-default" onclick='SaveProgrammeData()'>Save</a>     </p></div><div>    <table id="overview" class="table">        <tr>            <th>SubjectAreas</th>        </tr>           </table></div>

Answer 1

问题是编译器没有发现函数中的语法错误。我认为这是导致该函数不被识别为函数 正确的代码如下感谢您的建议

Success: function (result) {
            $("#overview").append("<tr><td>" +
                result.SubjectArea + "</td> <td>" +
                result.OverviewDescription + "</td></tr>");

Answer 2

在就绪状态下调用函数

$(document).ready(function(){

  function SaveProgrammeData() {

    var subjectArea = $("").val();

    $.ajax({

    type: "POST",

    url: "ProgrammeMarketing/SaveProgrammeData",

    data: JSON.stringify({                   

        SubjectArea: subjectArea, 

    }),

    contextType: "application/json",

    Success: function (result) {

        $("#overview").append("<tr><td>") +

        result.SubjectArea + "</td> <td>";     

        }

    })

  }

});