javascript - ajax 表单发布教程

Question

我正在寻找使用 ajax 和 POST 发布表单数据的简短教程。更具体地说，用于自定义 wordpress 主题中的评论。

到目前为止，我只发现了这个：http ://www.simonerodriguez.com/ajax-form-submit-example/但是 js 文件很大，所以我认为有很多膨胀（无法全部破译）。我也在这个网站上搜索过，但大多数线程都使用 jQuery 或者不涵盖我正在寻找的内容。

你们中有人知道这方面的教程吗，或者有人可以向我解释基本代码吗？

非常感谢您的帮助和建议！

PS请不要推荐jQuery，因为我没有使用它并且想学习纯Js :)。

Answer 1

function initiateRequest() 
{
  if(window.XMLHttpRequest) {
        return new XMLHttpRequest();
  } else {
        return new ActiveXObject("Microsoft.XMLHTTP");
  }
}



function createClearingHouse() {

    parameters = "name=" + document.getElementById("username").value;
    url = EnginePath + "/clearingHouse/persist"
    request = initiateRequest();
    request.open("POST", url, false);
    request.send(parameters);
    if(request.readyState==4  && (request.status == 200)) {         
       alert("success");
    }
}

Answer 2

正如我被要求的那样......这是一个非常完整的链接：

http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml

干杯，S。