javascript content-type詳解
1 application/x-www-form-urlencoded
這個類型就是jquery ajax content-type 默認的設置 PHP POST可以接受
2 contentType : "application/json
PHP接受如下
$string = file_get_contents("php://input"); // $string=urldecode($string); parse_str($string, $res); //第一個參數為字符串，第二個參數為結果 // var_dump($res); // $file_in=json_decode($file_in,'true'); print_r($res); exit();
3 multipart/form-data
下面直接貼ajax的代碼
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
</head>
<body>
<div id="app">
<form id="addForm" action="/home/moban/testformdata" method="POST" enctype="multipart/form-data">
<p>username: <input type="text" name="fname" /></p>
<p>age: <input type="file" name="age" /></p>
<div id="submitAdd">提交 </div>
</form>
</div>
<script src="/moban/js/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#submitAdd").click(function() {
var targetUrl = $("#addForm").attr("action");
var data = new FormData($("#addForm")[0]);
$.ajax({
type: 'post',
url: targetUrl,
cache: false, //上傳文件不需緩存
processData: false, //需設置為false。因為data值是FormData對象，不需要對數據做處理
contentType: false, //需設置為false。因為是FormData對象，且已經聲明了屬性enctype="multipart/form-data"
data: data,
dataType: 'json',
success: function(data) {
alert('success');
},
error: function() {
alert("請求失敗")
}
})
})
})
</script>
</body>
</html>