Question

新手javascript程序员所以请在这里忍受。

我在PURE JavaScript中开发了一个同意表单的基本模式。计划流程如下：

1）模式出现在页面加载上。

2）当用户点击接受按钮时，值“接受”＃39;应该通过XMLHttpRequest和css规则发布.modal display：block应该改为.modal display：none（删除模态）。

现在我遇到的问题是，当用户点击接受按钮时，模态会按预期消失（因此css规则更改为none），但不会发布XMLHttpRequest。

我的代码如下：

// Get the modal
var modal = document.getElementById('myModal');

// Get the Accept button
var acceptbtn = document.getElementById("accept-btn");

// Get the Decline button
var declinebtn = document.getElementById("decline-btn");

// Get the form
var consentform = document.getElementById("consent-form");

// When the Page Loads, open the modal 
window.onload = function() { 
  modal.style.display = "block";
};

// When the user clicks Accept button, close the modal and submit POST via xml
acceptbtn.onclick = function() {
  modal.style.display = "none";
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "http://127.0.0.1:8000/CapturePostedData/", true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
  xhr.send("agree=accept");
}

我试图尽我所能解决这个问题，但我被卡住了。

非常感谢任何帮助，谢谢你提前。关心迈克，

纯Javascript模式不通过XMLHttpRequest发布

0 个答案: