javascript - ajax怎么把一个表单都提交过去??
PHP中文网
PHP中文网 2017-04-10 17:21:50
[JavaScript讨论组]

以前用ajax都是验证一条数据 比如一个用户名或者邮箱什么的 这个data都是一条input数据 但是现在是两条数据了 怎么提交过去呢?用js

function ajax(url,data,funsucc){
            var oAjax=new XMLHttpRequest();
            oAjax.open('post',url,true);                   
            oAjax.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
            oAjax.send("id="+data);    
            oAjax.onreadystatechange=function(){
              if(oAjax.readyState==4){
                if(oAjax.status==200){
                  funsucc(oAjax.responseText);
                }
              }
            }
        }
<form id="fm1">
    <input id="name" type="text">
    <input id="password" type="text">
    <button type="submit">提交</button>
</form>
PHP中文网
PHP中文网

认证0级讲师

全部回复(1)
巴扎黑

把你需要提交的数据处理成类似于 key1=value1&key2=value2 这种query string的形式放入request body即可

// 我这里直接把name和password放进args里了,按照自己需求修改
function ajax(url, name, password, funsucc){
    var oAjax=new XMLHttpRequest();
    oAjax.open('post',url,true);                   
    oAjax.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
    /**
     * 这里是关键
     * 把你需要提交的数据处理成类似于 key1=value1&key2=value2 这种query string的形式放入request body即可
     */
    oAjax.send("name=" + name + "&password=" + password);
    oAjax.onreadystatechange=function(){
        if(oAjax.readyState==4){
        if(oAjax.status==200){
            funsucc(oAjax.responseText);
        }
        }
    }
}

enjoy

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号