Javascript 第二个AJAX函数在其他AJAX函数已经执行时失败

我有一个文件显示了一系列订单，每个订单都有一个按钮，带有一个发送电子邮件的ajax功能。除此之外，每隔30秒，另一个ajax函数将运行并搜索新订单，并将其加载到顶部。当我第一次加载页面时，发送邮件功能工作正常。但是，当搜索新订单的功能第一次执行后，当我单击启动mail ajax功能的按钮时，它不会发送并重新加载页面

我已经检查了重复的变量和函数名，它们可能会冲突，但没有。这些函数本身工作得很好，只有当搜索一个函数的顺序被执行时，另一个函数才开始失败

这是每个表单的简化html代码（页面上有许多具有不同ID的订单）

这是一个查找新订单的函数

var ultimoid = 4081;
var xultimoid = "";

  function nuevospedidos() {
     var xhttp = new XMLHttpRequest();
xhttp.open("POST", "cosito3.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     var response = JSON.parse(this.responseText);
     console.log(response);
    var element = document.querySelector('#contenidogral');
    var content = element.innerHTML;
    ultimoid = response.ultimoid;
    element.innerHTML = response.contenido + content;
    }
  };
  xhttp.send("ultimoid="+encodeURIComponent(ultimoid));

  }
setInterval( nuevospedidos, 30000);

而不是-

$（“#contactForm4081”）.submit（函数（事件）{
//取消表单提交
event.preventDefault（）；
提交至m4081（）；
});

试试这个-

 $(document).on("submit","#contactForm4081",function(event){
    event.preventDefault();
    submitForm4081();
});

#contendogral里面是什么？它是一个容器，函数将新发现的订单添加到该容器的顶部。它保存与此相同结构的所有其他订单，但每个订单的所有信息和唯一ID。没什么稀奇古怪的，这就是为什么你把jQueryAjax和原生XMLHttpRequest对象混为一谈的原因？工作得很有魅力，谢谢！你知道这种方式不冲突的原因吗？
var ultimoid = 4081;
var xultimoid = "";

  function nuevospedidos() {
     var xhttp = new XMLHttpRequest();
xhttp.open("POST", "cosito3.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     var response = JSON.parse(this.responseText);
     console.log(response);
    var element = document.querySelector('#contenidogral');
    var content = element.innerHTML;
    ultimoid = response.ultimoid;
    element.innerHTML = response.contenido + content;
    }
  };
  xhttp.send("ultimoid="+encodeURIComponent(ultimoid));

  }
setInterval( nuevospedidos, 30000);


 $(document).on("submit","#contactForm4081",function(event){
    event.preventDefault();
    submitForm4081();
});