function sendData() { var value = document.getElementById("inputValue").value; var xhr = new XMLHttpRequest(); xhr.open("POST","backend.PHP",true); xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { var result = xhr.responseText; document.getElementById("result").innerHTML = result; } }; xhr.send("value=" + value); }上述代码中,我们首先获取用户输入的数值,并创建一个XMLHttpRequest对象。然后,我们通过`open()`方法指定请求的方法和后台处理程序的URL。接下来,我们使用`setRequestHeader()`方法设置请求头中的`Content-type`,指定请求体的类型为`application/x-www-form-urlencoded`。然后,我们为`onreadystatechange`事件添加监听器,当异步请求的状态改变时,我们进行处理。在处理函数中,我们首先判断请求的状态是否为`XMLHttpRequest.DONE`,并且响应的状态码是否为200,表示请求成功。如果成功,我们从响应中取出后台返回的结果,并将结果显示在页面中。 在后台处理程序中,我们可以接收到前端传递过来的参数,并根据这些参数进行相应的处理。在PHP中,我们可以通过`$_POST`超全局变量来获取传递过来的参数。例如,我们的后台处理程序是一个PHP文件,我们可以通过以下代码来接收前端传递过来的值,并进行计算:
在上述代码中,我们首先通过`$_POST`超全局变量获取前端传递过来的`value`参数,并进行相应的处理。在本例中,我们将这个值乘以2,并将结果返回给前端。 通过以上的例子,我们可以看到,使用Ajax传值给后台非常简单。我们只需要通过`XMLHttpRequest`对象发送POST请求,并在请求体中携带相应的参数。后台处理程序可以根据这些参数进行相应的处理,并将结果返回给前端。通过这种方式,我们可以在不刷新整个页面的情况下,实现与后台的数据交互和页面更新。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。