纯Javascript中的AJAX后期实现[重复]

是的，当然有可能:)

<form action="request.php" id="register_form">  <input  type="text" name="first_name" placeholder="First Name">  <input  type="text" name="last_name" placeholder="LastName">  <input type="submit" value="submit_now" onclick="myFunction(); return false;"></form>

JS

function myFunction(){    var elements = document.getElementsByClassName("formVal");    var formData = new FormData();     for(var i=0; i<elements.length; i++)    {        formData.append(elements[i].name, elements[i].value);    }    var xmlHttp = new XMLHttpRequest();        xmlHttp.onreadystatechange = function()        { if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {     alert(xmlHttp.responseText); }        }        xmlHttp.open("post", "server.php");         xmlHttp.send(formData); }

server.php

<?php   $firstName = $_POST["first_name"];   $lastName = $_POST["last_name"];   echo $firstName." ".$lastName;   //enter name and lastname into your form and onclick they will be alerted ?>

说明：
函数采用其类名称的形式元素并将其存储在数组中。然后，我们创建FormData对象，并遍历每个元素的elements数组，并将其名称和值附加到FormData对象。之后，我们创建XMLHttpRequest（）对象，该对象监视请求期间的状态和状态变化，并使用
post
方法将数据发送到server.php。当结束时，readystate等于4并且status等于200，我们将发出来自server.php的响应警报，我们保存在XMLHttpRequest对象的responseText属性中。