现在剩下要做的就是发送请求。将对象传递给formData对象上send可用的方法xhr。 // Send the Data.xhr.send(formData); 这就是开始使用 AJAX 上传文件所需要知道的一切。您的服务器端代码需要从请求中提取文件并根据需要处理它们。如果大家想了解更多相关知识,可以关注一下动力节点的AJAX教程,里面有更丰富的知识等着...
而Content-Type:application/x-www-form-urlencoded; charset=UTF-8是默认的传递格式,但是如果你显示声明了这种传递方式,传递参数的时候就不再是正常看到的表单name:lihua,age:18这种对象格式。从而拿不到数据,这个时候需要将传递参数的方式转为xhr.send('name=lihua&age=18');而不是使用FormData来构造参数传递。
例如:xhr.send(formData); 完整的代码示例: 代码语言:javascript 复制 varformData=newFormData();formData.append('file',document.getElementById('fileInput').files[0]);varxhr=newXMLHttpRequest();xhr.open('POST','upload.php',true);xhr.setRequestHeader('Content-Type','multipart/form-data');xhr.u...
functiontest(){varform =newFormData(document.getElementById("tf"));//var req = new XMLHttpRequest();//req.open("post", "${pageContext.request.contextPath}/public/testupload", false);//req.send(form);$.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", ...
req.send(form); 1. 2. 3. 4. 5. 6. 这样就可以向浏览器发送表单数据了,或者也可以使用Jquery这样发送: var form = new FormData(); form.append("username","zxj"); form.append("password",123456); $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", ...
oReq.send(oData); 参见:https://developer.mozilla.org/zh-CN/docs/Web/Guide/Using_FormData_Objects 使用FormData,进行Ajax请求并上传文件 这里使用JQuery,但是老版本的JQuery比如1.2是不支持的,最好使用2.0或更新版本: 1 2 3 4 5 <form id= "uploadForm"> <p >指定文件名: <input type="text" ...
字符串格式是send参数最常用的格式之一,可以将数据以字符串的形式发送到服务器。例如,可以使用字符串格式发送一个JSON对象: xhr.send(JSON.stringify(data)); 全选代码 复制 这样,服务器就能够正确地解析接收到的数据。 2. 对象格式 除了字符串格式,send参数还可以接受一个对象作为参数。这个对象可以包含多个键值对...
// req.send(form); $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:form, processData:false, contentType:false, success:function(data){ window.clearInterval(timer); console.log("over.."); }, ...
xhr.send(data); xhr.onreadystatechange= function() { if(xhr.readyState == 4 && xhr.status == 200) { alert("returned:"+ xhr.responseText); } }; } 通过chrome的开发者工具看到请求头如下: RequestURL:http://127.0.0.1:8080/test/test.do ...
xhr.send(form); } btns[1].onclick = function(){ xhr.abort(); } </script> </html> const Koa = require("koa"); const static = require("koa-static"); const Router = require("koa-router"); const koaBody = require("koa-body"); ...