前端頁面
<form class="form-horizontal" id="addcourse_form">
<div class="form-group">
<label class="col-md-2 control-label" for="courseName">課程名稱:</label>
<div class="col-md-8">
<input type="text" id="courseName" class="form-control" name="name">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label" for="recommended">推薦指數:
</label>
<div class="col-md-8">
<input type="number" id="recommended" class="form-control" name="order">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label" for="picture">課程圖片:</label>
<div class="col-md-8">
<input type="file" id="picture" name="picture">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label" for="courseDesc">課程描述:</label>
<div class="col-md-8">
<textarea class="form-control" rows="4" name="desc"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-md-8 col-md-offset-2">
<button type="submit" class="btn btn-primary">確 認</button>
<button type="reset" class="btn btn-primary">重 置</button>
</div>
</div>
</form>
js的代碼,那兩個alert都可以正確彈出
function addCourse(){
//接受前端的資料(用原聲js的方式)
var data = new FormData(document.getElementById("addcourse_form"));
var name = $("#addcourse_form input:eq(0)").val();
var order = $("#addcourse_form input:eq(1)").val();
var picture = $("#addcourse_form input:eq(2)").val();
var desc = $("#addcourse_form textarea").val();
alert(name+" "+order+" "+picture+" "+desc);
alert(data.get("name")+" "+data.get("picture")+" "+data.get("order")+" "+data.get("desc"));
//發送ajax異步請求
$.ajax({
url:basePath+"course/addCourse",
type:"post",
processData:false,
contentType:false,
data:{
"name":name,
"order":order,
"picture":picture,
"desc":desc
},
dataType:"json",
success:function(result){
if(result.status==1){
alert(result.message);
}else if(result.status==0){
alert("添加課程失敗!!");
}
},
error:function(){
alert("請求失敗!!");
}
});
return false;
}后端Controller代碼
@RequestMapping(value="https://bbs.csdn.net/topics/addCourse",method=RequestMethod.POST)
@ResponseBody
public Result addCourse(
Course course,
String courseId,
MultipartFile addFile,
HttpServletRequest request,
HttpServletResponse response){
Result result = null;
result = this.courseService.addCourse(course,courseId,addFile,request,response);
return result;
}
Course物體類代碼,都有setter and getter方法
private String id;
private String name;
private String picture;
private Integer order;
private String desc;
uj5u.com熱心網友回復：
在Course course前增加@RequestBody
@RequestMapping(value="https://bbs.csdn.net/topics/addCourse",method=RequestMethod.POST)
@ResponseBody
public Result addCourse(
@RequestBody Course course,
String courseId,
MultipartFile addFile,
HttpServletRequest request,
HttpServletResponse response){
Result result = null;
result = this.courseService.addCourse(course,courseId,addFile,request,response);
return result;
}
uj5u.com熱心網友回復：
basePath+"course/addCourse",這個鏈接地址你確定是正確的？？？uj5u.com熱心網友回復：
都斷點進代碼了...你這回答就有點尷尬了
樓上應該是對的,只是樓主這代碼寫法比較蛋疼啊,courseId是用來干啥的..
uj5u.com熱心網友回復：
確定是正確的啊,斷點都進去了
uj5u.com熱心網友回復：
因為我的courseId是后面用UUID隨機生成的
uj5u.com熱心網友回復：
加了以后前端頁面報錯
415 (Unsupported Media Type)
uj5u.com熱心網友回復：
MultipartFile addFile 這個你留著干啥?
uj5u.com熱心網友回復：
后面生成的,為啥要在形參上定義?springmvc的引數也許會對路由產生影響
uj5u.com熱心網友回復：
前端請求的header中增加Content-Type = application/json
uj5u.com熱心網友回復：
剛才的回答不對，在帶有檔案引數場景，無法使用request body而且前臺的content-type = multipart/form-data
后端代碼類似
@PostMapping("/send-multi-attachement")
public ResponseEntity sendWithMultipleAttachement(
@RequestParam(value = "from") String from,
@RequestParam(value = "to", required = false) String[] to,
@RequestParam(value = "subject") String subject,
@RequestParam(value = "htmlContent") String htmlContent,
@RequestParam(value = "cc", required = false) String[] cc,
@RequestParam(value = "bcc", required = false) String[] bcc,
@RequestHeader(name = "Email-Sender-Password") String password,
@RequestParam(value = "Attachment", required = false) List<MultipartFile> attachmentFiles)
throws MessagingException {
uj5u.com熱心網友回復：
加了以后報400錯誤...
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/132015.html
標籤：Web 開發
上一篇：ADK的安裝
下一篇：jdk