仅在IE11

时间:2018-06-12 14:46:37

标签: javascript jquery internet-explorer

我只在IE 11中收到此错误。基本上单击按钮不起作用,我得到了:

SCRIPT5009: 'search' is undefined

主叫代码是:

<div>
   <p><b>Surname search:</b></p>
      <input id="searchBox" name="Search" placeholder="Search" type="text" value="" />
      <button onclick="search()">Search</button> 
           <div class="fa fa-circle-o-notch fa-spin" id="spinner" style="display: none;">
           </div>
</div>

这叫:

<script>
function search() {
    showSpinner();
    var searchString = $('#searchBox').val();
    $.ajax({
        type: "POST",
        url: '/Search',
        data: ({ name: searchString}),
        dataType: 'html',
        success: response => updateTable(response),
    });
}


</script>

调用代码中的关键问题是:

 <button onclick="search()">Search</button>

这会产生错误:

SCRIPT5009: 'search' is undefined

这在Chrome,Edge,Mozilla中运行良好。

最后是JQuery库:

    <script src="/Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>

非常感谢任何帮助。

我的解决方案。我把它放在这里,因为它来自许多评论。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>

<script>
    window.jQuery || document.write('<script src="~/Scripts/jquery-3.3.1.min.js"><\/script>')
</script>

<script type="text/javascript">
function search() {
    showSpinner();
    var searchString = $('#searchBox').val();
    $.ajax({
        type: "POST",
        url: '/Search',
        data: ({ name: searchString}),
        dataType: 'html',
        success: updateTable
    });
}
</script>

<script type="text/javascript">
   $('#btnSearch').click(function () {
       search();
   });
</script>

所以我:

1)升级到最新的JQuery版本

2)排序我的搜索功能:     成功:updateTable

3)正确使用JQuery来处理click事件。

感谢所有人。

0 个答案:

没有答案