javascript - 如何使用原生的XMLHttpRequest对象提交表单?
程序员文章站
2022-06-07 16:55:15
...
HTML:
JavaScript:
var submit = document.getElementById("submit");
submit.onclick = function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.state == 4) {
if((xhr.status >= 200 && xhr.status
form.php
代码如上, 我想要达到的效果, 是跟在form里添加了action和method属性一样, 提交后可以自动跳转到form.pp.
但是这样提交并没有反应, 搜了一下, 全是关于jquery的. 还是不知道用ajax提交表单是怎样的格式.
回复内容:
HTML:
JavaScript:
var submit = document.getElementById("submit");
submit.onclick = function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.state == 4) {
if((xhr.status >= 200 && xhr.status
form.php
代码如上, 我想要达到的效果, 是跟在form里添加了action和method属性一样, 提交后可以自动跳转到form.pp.
但是这样提交并没有反应, 搜了一下, 全是关于jquery的. 还是不知道用ajax提交表单是怎样的格式.
试试将xhr.send(serialize(form))
改为
var formData = new FormData(form);
xhr.send(formData);
formData是HTML5用于异步提交表单的,应该可以满足楼主的需求。
参考http://www.cnblogs.com/lhb25/...
var fd = new FormData;
fd.append("username",document.querySelector("#username").value);
fd.append("password",document.querySelector("#password").value);
...
xhr.send(fd);
上一篇: 读书破万卷下笔如有神的理解 PHP 数组遍历顺序理解
下一篇: php中<<<是什么符号,该怎么处理
推荐阅读
-
详解javascript表单的Ajax提交插件的使用
-
php+html5使用FormData对象提交表单及上传图片的方法
-
原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果
-
原生Ajax的使用(创建XMLHttpRequest对象、发送请求、GET 还是 POST、异步还是同步、处理后台返回的数据)
-
jquery ajax开发中如何使用XMLHttpRequest对象的responseXML
-
php+html5使用FormData对象提交表单及上传图片的方法_PHP教程
-
JavaScript如何使用运算符和属性判断对象类型的方法总结
-
php+html5使用FormData对象提交表单及上传图片的方法_PHP
-
使用原生javascript创建通用表单验证——更锋利的使用dom对象_javascript技巧
-
javascript - 如何使用原生的XMLHttpRequest对象提交表单?