向后台发送表单数据

最新推荐文章于 2023-02-15 16:52:52 发布

转载最新推荐文章于 2023-02-15 16:52:52 发布 · 481 阅读

jQuery 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了HTML5中的FormData对象，展示了如何使用此对象构建并发送表单数据，包括使用原生JavaScript和jQuery两种方式。

使用FormData对象

FormData对象是html5的一个对象，目前的一些主流的浏览器都已经兼容。额，如果你说ie8什么的，那我们还是来谈谈今天的天气吧，我没听见。呵呵，开个玩笑，不支持FormData的，可以使用方法二，下面会介绍。接着说FormData，它是一个html5的javascript对象，非常的强大。

FormData可以凭空创建一个对象，然后往这个对象里面添加数据，然后直接提交，不需要写一行html代码，如下：

          var form = new FormData();
          form.append("username","zxj");
          form.append("password",123456);
          var req = new XMLHttpRequest();
          req.open("post", "${pageContext.request.contextPath}/public/testupload", false);
          req.send(form);

这样就可以向浏览器发送表单数据了，或者也可以使用Jquery这样发送：

 var form = new FormData();
  form.append("username","zxj");
  form.append("password",123456);
　$.ajax({
                url:"${pageContext.request.contextPath}/public/testupload",
                type:"post",
                data:form,
                processData:false,
                contentType:false,
                success:function(data){
                    window.clearInterval(timer);
                    console.log("over..");
                }
});