解決ajax傳過來的值后臺(tái)接收不到的問題
問題描述:
在前端js里面寫了一個(gè)ajax,前端alertx出來的是1或者1,2格式的數(shù)據(jù),但是在后臺(tái)取到的值一直都是null。
js代碼如下:
function confirmCourseSystem(){
var findAllTrainProgramNameId = $("#findAllTrainProgramNameId").val();
if(findAllTrainProgramNameId==null || findAllTrainProgramNameId==""){
window.alertx("請(qǐng)選擇培訓(xùn)方案!");
return false;
}
var courseSystemId = $('#CourseSystemList').val();
alertx(courseSystemId);
$.ajax({
type: "POST",
url: "${ctx}/teach/teachDistribute/getCourseSystemNameById",
data: {
"CourseSystemId": $('#CourseSystemList').val()
},
success:function(CourseSystemListName){
$('#CourseSystemBody').html("");
for(var i=0; i<CourseSystemListName.length; i++){
$("#CourseSystemBody").append("<tr><td>"+CourseSystemListName[i] +"</td><td>課程體系</td><td>無</td></tr>");
}
},
error:function(){
alertx("error");
}
});
}
后臺(tái)代碼如下:
//添加下發(fā)-確認(rèn)選擇,根據(jù)CourseSystemId獲得CourseSystemName
@ResponseBody
@RequestMapping(value = "getCourseSystemNameById")
public List<String> getCourseSystemNameById(@RequestParam(required = false) String CourseSystemId, HttpServletRequest request){
logger.debug("==Evan==CourseSystemId: "+ CourseSystemId);
logger.debug("==Evan==CourseSystemId2 :"+request.getParameter("CourseSystemId"));
List<String> CourseSystemListName = new ArrayList<>();
if(CourseSystemId==null || CourseSystemId.equals("")){
CourseSystemListName = null;
}else {
String[] CourseSystemListId = CourseSystemId.split(",");
for (String aCourseSystemListId : CourseSystemListId) {
CourseSystemListName.add(resourceCoursesystemService.get(aCourseSystemListId).getCoursesystemName());
}
}
return CourseSystemListName;
}
問題原因:在使用瀏覽器查看之后發(fā)現(xiàn)數(shù)據(jù)格式是這樣的,原因應(yīng)該是前臺(tái)傳入值的類型不對(duì):

解決辦法:
修改前端傳入值的類型,用toString方法即可。代碼如下
$.ajax({
type: "POST",
url: "${ctx}/teach/teachDistribute/getCourseSystemNameById",
data: {
"CourseSystemId": $('#CourseSystemList').val().toString()
},
success:function(CourseSystemListName){
$('#CourseSystemBody').html("");
for(var i=0; i<CourseSystemListName.length; i++){
$("#CourseSystemBody").append("<tr><td>"+CourseSystemListName[i] +"</td><td>課程體系</td><td>無</td></tr>");
}
},
error:function(){
alertx("error");
}
});
以上這篇解決ajax傳過來的值后臺(tái)接收不到的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Ajax工作原理及優(yōu)缺點(diǎn)實(shí)例解析
這篇文章主要介紹了Ajax工作原理及優(yōu)缺點(diǎn)實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問題
這篇文章主要介紹了ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問題。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12
如何解決Ajax的content-download時(shí)間過慢問題
這篇文章主要介紹了Ajax的content-download時(shí)間過慢問題的解決方法及思考過程,本文通過事件背景,過程分析,給大家介紹的非常詳細(xì),需要的朋友參考下吧2018-04-04
Ajax異步請(qǐng)求技術(shù)實(shí)例講解
ajax是一種在無需重新加載整個(gè)網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)。下面通過本文給大家分享Ajax異步請(qǐng)求技術(shù)實(shí)例講解,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-08-08
js實(shí)現(xiàn)ajax分頁完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)ajax分頁,以完整實(shí)例形式詳細(xì)分析了ajax分頁的具體步驟與實(shí)現(xiàn)技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2016-04-04
Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例
Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例:選擇一部著作,會(huì)通過 Ajax 實(shí)時(shí)獲得相關(guān)的名字,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-09-09

