Javascript 调用Ajax请求的次数太多（Ajax加载gifs停止）

使用以下代码执行ajax请求时遇到问题

Ajax请求

function doRequest(url, hostname) {

$.ajax({
    url: url,
    type: 'GET',
    data: 'hostname=' + hostname,
    error: function () { alert('erro'); $('#loading').hide(); },
    success: function (data) {

        $('#content').html(data);
        $('#loading').hide();
    },
    beforeSend: function () {
        alert(1);
        $('#content').html(""); 
        $('#loading').show();
    }
});

return false;
}

$('#search').submit(function() { 
    if (validateSearchForm()) { 
          $('#val_error').hide();  
          doRequest('/Home/SearchMachine',$('#hostname').val());
     } 
    else
    $('#val_error').show(); 

    return false;    
});

搜索表单

<form action="/Home/SearchMachine" class="form-wrapper cf" id="search">
        <input type="text" placeholder="Hostname..." id="hostname" required>
        <button type="submit">Validar</button>
    </form>

---

在第一个请求中，我得到一个

警报（1）

，在第二个

警报（1）

，在接下来的四个

警报（1）

中，它们在

成功

功能中触发。我做了太多的测试，但没有找到解决办法。经过多次请求后，ajax加载gif停止，浏览器也停止。

为表单提交一个

onSubmit

，以提高透明度

表格：

<form action="/Home/SearchMachine"  onSubmit="submit_form(); return false;" class="form-wrapper cf" id="search">
        <input type="text" placeholder="Hostname..." id="hostname" required>
        <button type="submit">Validar</button>
    </form>

---

我用你的代码和测试服务做了一个快速测试。我无法重现这个问题。每次单击仅发生一次回调

doRequest('http://headers.jsontest.com/', $('#hostname').val());

---

您是否在每次单击后以某种方式重新绑定提交？

您如何调用该函数？您作为响应获得的数据是什么，并向我们显示html代码我已编辑了问题的描述。你发现问题了吗？从控制器接收到的数据是html代码的部分视图（只有一个表）。我同意其他海报，你发布的代码中没有任何内容会导致问题。最好的猜测是多次绑定事件处理程序。

doRequest('http://headers.jsontest.com/', $('#hostname').val());