JavaScript在AJAX调用后停止工作

本文关键字：停止工作 调用 AJAX JavaScript | 更新日期: 2023-09-27 17:54:21

我的javascript在ajax调用后被锁定。

当用户按enter键时，我调用我的c#方法来搜索用户键入的城市，然后显示温度，但是当搜索结束时，javascript停止工作。我发现错误是在这几行:vardiv = document.getElementById('rb-grid');div.innerHTML = resp。

代码:

$(document).ready(function () {
    $('#search-bar').keyup(function (event) {
        if (event.keyCode == 13) {
            myFunction();
        }
    });
    function myFunction() {
        var city = $('#search-bar').val();
        $.ajax({
            url: '@Url.Action("getWeatherSearch", "Index")',
            data: { city: city },
            async: false,
            complete: function (resp) {
                var div = document.getElementById('rb-grid');
                div.innerHTML = resp.responseText + div.innerHTML;
                Boxgrid.init();
            }
        });
    } });
HTML: 

            <div align="center" class="div-search-bar">
                @Html.TextBox("search-bar", "", new { @class = "search-bar", placeholder = "search" })
            </div>

JavaScript在AJAX调用后停止工作

尝试以下操作，看看是否适合您:

 $(function () {
     var $searchbar = $('#search-bar'),
         $grid = $('#rb-grid');
     if ($grid.length) {
         $searchbar.on('keyup', function (event) {
             if (event.keyCode == 13) {
                 myFunction();
             }
         });
         function myFunction() {
             var city = $searchbar.val();
             $.ajax({
                 url: $.grid.data('weather-url'),
                 data: { city: city }
             })
             .done(function (resp) {
                     $grid.html(resp.responseText + $grid.html());
                     Boxgrid.init();
                 }
             });
         }
     }
 });

在你的html中添加以下数据属性，可能在你的网格上:

 <div id='rb-grid' data-weather-url='@Url.Action("getWeatherSearch", "Index")'></div>
相关文章：