时间戳

首页 > 解决方案 > Ajax 表单提交被忽略

javascript - Ajax 表单提交被忽略

问题描述

我目前正在开发一个由聊天网站组成的项目。我有一个用 javascript 创建的表单（用于通过他的名字添加一些朋友），我想通过 ajax 提交它，但我的 ajax 提交完全被忽略了。这很奇怪，因为在它正常工作的前一天，在提交之后，我检查了数据库，一切都很好。第二天，当我醒来并再次测试表单时，它被破坏了，并且在 URL 位置显示了一个 URL :)) 尽管我使用了 ajax。我没有从数据库中得到响应，因为提交功能被忽略了。我应该怎么办？这是我的项目https://github.com/Alex-dev02/letschat问题出在附加到 index.php 的 main.js 文件中。我的 main.js 内容：


let mainList = document.createElement("div");
mainList.classList.add("mainList");

let addFriendForm = document.createElement("form");
addFriendForm.id = "FriendForm";
// my ajax submision
$('#FriendForm').submit(function(){
  $.ajax({
    url: '../letschat/Functions/createUserRelation.php',
    type: 'POST'
  });
});

let addFriendField = document.createElement("input");
addFriendField.classList.add("addFriend");
addFriendField.placeholder = "Add a friend";
addFriendField.type = "text";
addFriendField.name = "addFriend";
addFriendField.autocomplete = "off";
addFriendForm.appendChild(addFriendField);

mainList.appendChild(addFriendForm);

body.appendChild(mainList);

标签： javascriptajax

解决方案

推荐阅读