未捕获的TypeError:$(...)。look_up_term不是函数

时间:2017-01-20 18:53:50

标签: javascript jquery html asp.net-mvc

我正在尝试实现一个调用javascript函数的简单搜索栏。 js中的ajax调用web api控制器方法。 但是由于浏览器警告,我被困在js代码中。

这是我的HTML。

    @using (Html.BeginForm())
                            {
                                <p>

                                  @Html.TextBox("SearchString", null, new { @class = "form-control" })
                                  <button class="btn btn-default" type="button" onclick="$('#searchForm').look_up_term()">Search!</button>
                                </p>
                            }

//Here is my Java script code

这是我的js代码

function look_up_term() {
        var search = {};
        Query.name = document.getElementById("SearchString").value;

        $.ajax({

            URL: '@Url.Action("Search","Controller")',
            type: 'POST',
            dataType: 'json',
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify(Query.name),
            success: function (data) {

                alert("Search Results");
            }
        })
    }  
  

未捕获的TypeError:$(...)。look_up_term不是函数       在HTMLButtonElement.onclick((索引):35)   onclick @(index):35

请告知如何继续。

1 个答案:

答案 0 :(得分:2)

删除“$('#searchForm').”只留下"look_up_term()""$('#searchForm').look_up_term()"不是错误正确告诉你的函数。