当前位置: 首页 > news >正文

网站建设毕业论文参考文献网站定制的公司

网站建设毕业论文参考文献,网站定制的公司,广东网站开发公司电话,钢格板保定网站建设//FormData对象是XMLHTTPRequest level2新增的类型,它可以自动序列化表单内容,不再需要我们去写序列化表单方法; FormData()即可以直接把整个表单给它,也可以分别使用append(‘字段’,‘值’)方法给FormData(); 现在就…

//FormData对象是XMLHTTPRequest level2新增的类型,它可以自动序列化表单内容,不再需要我们去写序列化表单方法;
FormData()即可以直接把整个表单给它,也可以分别使用append(‘字段’,‘值’)方法给FormData();
现在就结合xhr写一个简单示例,怎么把表单传递给后端

<html><head><meta http-equiv="content-type" content="text/html;charset=UTF-8"/><title>测试xhr和formdata</title></head><body><div id="regform"><form id="regniter" name="reg" method="post" action=""><label><div class="inputStyle">用户名:<input type="text" name="username" value=""/></div></label><label><div class="inputStyle">&emsp;码:<input type="password" name="pwd" value=""/></div>    </label><label><div class="inputStyle"><input type="button" name="submit1" value="提交"/></div></label></form></div><script>let btn=document.getElementsByName("submit1");btn[0].addEventListener("click",function(){let xhr=new XMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState===4){try{if((xhr.status>=200&& xhr.status<300) || xhr.status===304){//获取从后端返回的数据let dataarr=JSON.parse(xhr.response);console.log(dataarr);}else{console.log("连接后端不成功:",xhr.status);}}catch(ex){xhr.ontimeout=function(){alert('连接超时');};}}};xhr.open("post","regniter.php");let form1=document.forms[0];let username=form1.elements['username'].value;let pwd=form1.elements['pwd'].value;//设置超时为5秒xhr.timeout=5000;//设置重写xhr响应的mime类型,这里是json类型,也可以写成application/json形式xhr.overrideMimeType("text/json");if(username!=="" && pwd!==""){let data=new FormData(form1);xhr.send(data);/*这里是单独设置字段/值,效果和上面是一样的data.append('username')=username;data.append('pwd)=pwd;xhr.send(data);*/form1.elements['submit1'].disabled=true;console.log('已经发送');}})</script></body>
</html>

//这里是后端处理

if(isset($_POST['username'])&&isset($_POST['pwd']))
{$regArr=[];$regArr['username']=$_POST['username'];$regArr['pwd']=$_POST['pwd'];//注意:这里不能用return,即使是文本也不能用return,不然前端收到是空白 echo json_encode($regArr);
}else
{echo 'no';
}
http://www.hrbkazy.com/news/20194.html

相关文章:

  • 苏州找工作网站有哪些海外营销方案
  • 东莞寮步镇书记被抓整站优化系统厂家
  • 安徽公共资源交易中心招标网百度关键词优化平台
  • 个人信息怎么在百度推广沈阳seo按天计费
  • 太原吧长沙网站seo公司
  • adobe网站制作软件aso关键词优化工具
  • 建设工程信息网站成都短视频代运营
  • 网站收录慢官方网站百度一下
  • 会网站开发 不会软件重庆网络推广公司
  • 从seo角度做网站流量企业网站推广建议
  • 做的视频发到哪个网站营销策划方案怎么写?
  • 石家庄哪里做网站做一个网站的步骤
  • 做任务网站有哪些内容查询网址域名
  • 佛山网站建设服务百度推广怎么赚钱
  • 办公软件江西短视频seo搜索报价
  • 网站建设的方案费用百度seo怎么把关键词优化上去
  • 帮别人做网站必须要开公司seo技术培训中心
  • wordpress 影院酒店seo是什么意思
  • 网站后台如何做产品展示seo项目经理
  • 今题网免费发布信息网武汉seo网站优化
  • 商业空间设计案例ppt模板seo公司是什么意思
  • BBS推广网站的步骤亚马逊开店流程及费用
  • 公司网站代码如何开网站详细步骤
  • 网站建设 三合一中国站长素材网
  • 网站建设需要经历什么步骤绍兴seo推广公司
  • 网站备案行业如何推广店铺呢
  • 怎样制作网站二维码百度统计流量研究院
  • 临时域名用于网站调试餐饮管理和营销方案
  • 网站怎么做地区屏蔽js黑帽seo培训网
  • 成品网站货源入口外链网站推荐