原生Ajax发送POST表单方法

 时间:2024-10-21 09:51:39

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关怎么过关
  • 热门搜索
    爱劳动手抄报 我的中国梦手抄报图片 关于反邪教的手抄报 关于重阳节的手抄报简单又漂亮 老师辛苦了手抄报 新冠状病毒手抄报 战争手抄报 国庆节的手抄报怎么画 母亲节手抄报资料 元宵节手抄报图片大全