创建带有onClick而没有jQuery的AJAX JavaScript按钮

我已经研究了很多类似的问题，但没有让它做任何事情，尽管“明智地模仿”了很多不同的实现，所以我想在浪费更多的时间之前，我应该咬紧牙关，在这里提问

该页面是一种混合设计，使用AJAX和非JS功能将表单发送到PHP文件。常规的非AJAX版本工作正常。启用JS后，它使用

调出包含以下内容的脚本文件：

window.onload = newButton();

function newButton(){
    var button = document.createElement('button');
    button.innerHTML = 'jButton';
    button.onclick = process();
    document.getElementById('sro').appendChild(button);
    // sro being the id of the form.
  };

function process() {
// php form handling stuff
}

该按钮应该向PHP文件发送数据，但它只是刷新页面

button.onclick = process;

这就是你需要的

process（）

只是一个常规函数调用，就在那里发生，然后单击

onclick

将存储其结果

但是，您也提到它会刷新页面：是否将此按钮添加到表单中？因为在这种情况下，按钮的默认行为是提交表单，而不管是否有事件处理程序。请参阅，然后添加

---

你知道如何进行AJAX调用吗？好吧，我以前曾设法一起破解过几个，只是没有创建一个按钮。实际上，我已经制作了另一个版本的页面，它没有添加按钮，而是从一个设置呼叫过程开始，这个过程很好。也许我应该坚持下去，我不知道。。。然而，在这么长时间没有让它发挥作用之后，这成了一个原则问题！我试过用公正的程序；之前，但按钮。type=“button”；让一切变得不同。非常感谢！

button.type="button";