原生Ajax发送POST表单方法

 时间:2026-02-12 12:42:57

1、看图,一张图解释使用方法

原生Ajax发送POST表单方法

2、<body>

<form name="f1" id="f1" action="rrr.php">

<input type="text" value="222" name="t1" id="t1"   />

<input type="button" value="确定"  name="bt" id="bt"  onclick="up(this.form)" />

</form>

<h2 id="zi"></h2>

<script>

function up(form)

{

    var uphttp = new XMLHttpRequest();

    var data = new FormData(form);//注意和上面的input标签中onclick对比你发现了什么

    datas.append('gg','66666666666');//追加表单对象内容

    uphttp.open('POST', 'rrr.php', true);

    uphttp.onreadystatechange=function()

    {

        if(uphttp.readyState==4&&uphttp.status==200)

        {

           

            document.getElementById('zi').innerHTML = uphttp.responseText;

        }

    }

    //uphttp.setRequestHeader('Content-type', 'application/x-www-urlencoded;charset=utf-8');

    //这里不需要再填写,默认就行

    uphttp.send(data);

    //发送数据

}

3、经测试在PHP端可接收到数据

  • linux centos7.0的运行级别
  • 下载SVN插件subclipse
  • 板木结合的家具优劣分析?
  • 怎么在360手机安全卫士APP导出病毒防护日志
  • 《逃离公司》:第3关怎么过关
  • 热门搜索
    五花肉怎么做好吃 提高性功能的方法 姓氏大全 中国姓氏大全 读书的方法有哪些 脸上长黄褐斑怎么办 快速降糖的方法 邮箱号码大全 背单词方法 排骨炖什么好吃