<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
<form id="frm">
上传附件 <input id="txt" type="file" name="filePhoto">
<input type="button" name="" id='btn' value="submit">
</form>
</div>
<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
<script type="text/javascript">
document.getElementById('btn').οnclick=function(){
var frm=document.getElementById('frm');
var formData = new FormData(frm);
// console.log(formData);
// var obj = new XMLHttpRequest();
// //obj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// obj.open('POST' ,'../view/photo.php');
// obj.send(formData);
// obj.onreadystatechange = function() {
// if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成
// var data=obj.responseText; //从服务器获得数据
// console.log(data);
// }
$.ajax({
type: "POST",
url: "../view/photo.php",
data: formData,
contentType: false,
success: function(msg){
alert( "Data Saved: " + msg );
}
});
};
</script>
</body>
<html>
<head>
<title></title>
</head>
<body>
<div>
<form id="frm">
上传附件 <input id="txt" type="file" name="filePhoto">
<input type="button" name="" id='btn' value="submit">
</form>
</div>
<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
<script type="text/javascript">
document.getElementById('btn').οnclick=function(){
var frm=document.getElementById('frm');
var formData = new FormData(frm);
// console.log(formData);
// var obj = new XMLHttpRequest();
// //obj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// obj.open('POST' ,'../view/photo.php');
// obj.send(formData);
// obj.onreadystatechange = function() {
// if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成
// var data=obj.responseText; //从服务器获得数据
// console.log(data);
// }
$.ajax({
type: "POST",
url: "../view/photo.php",
data: formData,
contentType: false,
processData: false,
success: function(msg){
alert( "Data Saved: " + msg );
}
});
};
</script>
</body>
</html>
//这个参数是jquery独有的。processData的默认值是true。用于对data参数进行序列化处理。
//如果你要发送的是个xmlDocument,当然就不希望能这么发送了,必须得设置processData=false,且以POST方式发送才行。
//原生的XMLHttpRequest对数据的处理是手动并无这个参数。要发送XML时xhr.send(xmlDocument)能直接发送。