为什么ajax响应对象：来自spring控制器的对象？
问题描述 投票：0回答：2
有员工登记。我已通过 ajax 调用将值发送到控制器。控制器已获得该值（我在调试中看到了该值）。但是当我在 jquery 中提醒响应时：
success: function(response){
// var obj = JSON.parse(response);
var obj = jQuery.parseJSON(JSON.stringify(response));
alert(response);
},
它显示[对象：对象]
但我想要这种类型的回应，例如：
这是我的 JSP 页面：
var company = [] ;
var from = [] ;
var to = [] ;
var year =[];
var organization =[];
var topic =[];
var duration =[];
jQuery(document).ready(function($) {
var files;
var exp = $('input:radio[name=exp]:checked').val();
var training = $('input:radio[name=training]:checked').val();
$("#pexp").hide();
$("#fieldexp").hide();
$("#ptrain").hide();
$("#fieldtrain").hide();
$("#btnSubmit").click(function(){
addEmployeeOnlineInformation();
processFileUpload();
});
$("#image").on('change',prepareLoad);
$('input[type=radio][name=exp]').change(function() {
if (this.value == 'Yes') {
$("#pexp").show();
addExp();
}
else if (this.value == 'No') {
$("#pexp").hide();
$("#addmorefieldexp").empty();
}
});
$('input[type=radio][name=train]').change(function() {
if (this.value == 'Yes') {
$("#ptrain").show();
addTrain();
}
else if (this.value == 'No') {
$("#ptrain").hide();
$("#addmorefieldtrain").empty();
}
});
});
function addExp(){
var scntDiv = $('#addmorefieldexp');
$('#pexp').live('click', function() {
$( ' <br><br>'
+'<label for="inputPassword3" class="col-sm-2 control-label">Company Name</label>'
+'<div class="col-sm-2">'
+'<input type="text" class="form-control" name="field_company[]">'
+'</div>'
+'<label for="inputPassword3" class="col-sm-1 control-label">From</label>'
+'<div class="col-sm-2">'
+'<input type="text" class="form-control" name="field_from[]">'
+'</div>'
+'<label for="inputPassword3" class="col-sm-1 control-label">To</label>'
+'<div class="col-sm-2">'
+'<input type="text" class="form-control" name="field_to[]">'
+'</div>'
+'<label for="inputPassword3" class="col-sm-1 control-label">Year</label>'
+'<div class="col-sm-1">'
+'<input type="text" class="form-control" name="field_year[]">'
+'</div>').appendTo(scntDiv);
return false;
});
}
function addTrain(){
var scntDiv = $('#addmorefieldtrain');
$('#ptrain').live('click', function() {
$( '<div class="form-group text-center" id="fieldtrain">'
+'<label for="inputPassword3" class="col-sm-2 control-label">Organization</label>'
+'<div class="col-sm-2">'
+'<input type="text" class="form-control" name="field_organization[]">'
+'</div>'
+'<label for="inputPassword3" class="col-sm-2 control-label">Topic</label>'
+'<div class="col-sm-2">'
+'<input type="text" class="form-control" name="field_topic[]">'
+'</div>'
+'<label for="inputPassword3" class="col-sm-2 control-label">Duration</label>'
+'<div class="col-sm-2">'
+'<input type="text" class="form-control" name="field_duration[]">'
+'</div>'
+'</div>').appendTo(scntDiv);
return false;
});
}
function array(){
var inps = document.getElementsByName('field_company[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
company.push(inp.value);
}
var inps = document.getElementsByName('field_from[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
from.push(inp.value);
}
var inps = document.getElementsByName('field_to[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
to.push(inp.value);
}
var inps = document.getElementsByName('field_year[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
year.push(inp.value);
}
var inps = document.getElementsByName('field_organization[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
organization.push(inp.value);
}
var inps = document.getElementsByName('field_topic[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
topic.push(inp.value);
}
var inps = document.getElementsByName('field_duration[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
duration.push(inp.value);
}
}
function addEmployeeOnlineInformation(){
array();
var gender = $('#gender').val();
var blood = $('#blood').val();
$.ajax({
type: "post",
url: "http://localhost:8080/EmployeeOnlineRegistrationForm/employee",
cache: false,
data:'name=' + $("#name").val()
+"&fname=" + $("#fname").val()
+"&mname=" + $("#mname").val()
+"&nid=" + $("#nid").val()
+"&age=" + $("#age").val()
+"&blood=" + blood
+"&gender=" + gender
+"&caddress=" + $("#caddress").val()
+"&paddress=" + $("#paddress").val()
+"&paddress=" + $("#paddress").val()
+"&pdegree=" + $("#pdegree").val()
+"&puniversity=" + $("#puniversity").val()
+"&pyear="+ $("#pyear").val()
+"&presult=" + $("#presult").val()
+"&mdegree=" + $("#mdegree").val()
+"&muniversity=" + $("#muniversity").val()
+"&mresult=" + $("#mresult").val()
+"&myear=" + $("#myear").val()
+"&bdegree=" + $("#bdegree").val()
+"&buniversity=" + $("#buniversity").val()
+"&bresult=" + $("#bresult").val()
+"&byear=" + $("#byear").val()
+"&hdegree=" + $("#hdegree").val()
+"&college=" + $("#college").val()
+"&hresult=" + $("#hresult").val()
+"&hyear=" + $("#hyear").val()
+"&sdegree=" + $("#sdegree").val()
+"&school=" + $("#school").val()
+"&sresult=" + $("#sresult").val()
+"&syear=" + $("#syear").val()
+"&date=" + $("#date").val()
+"&department=" + $("#department").val()
+"&location=" + $("#location").val()
+"&company=" + company
+"&from=" + from
+"&to=" + to
+"&year=" + year
+"&organization=" + organization
+"&topic=" + topic
+"&duration=" + duration,
success: function(response){
// var obj = JSON.parse(response);
var obj = jQuery.parseJSON(JSON.stringify(response));
alert(obj);
},
error: function(){
alert('Error while request..');
}
});
}
function prepareLoad(event)
{
files=event.target.files;
}
function processFileUpload()
{
var oMyForm = new FormData();
oMyForm.append("file", files[0]);
$
.ajax({dataType : 'text',
url : "http://localhost:8080/EmployeeOnlineRegistrationForm/uploadMyFile",
data : oMyForm,
type : "POST",
enctype: 'multipart/form-data',
processData: false,
contentType:false,
success : function(result) {
alert(result);
},
error : function(result){
alert('error'+result);
}
});
}
这是我的控制器：
@Controller
public class EmployeeRegistrationController {
@RequestMapping(value="/employee",method = RequestMethod.POST)
public @ResponseBody
EmployeeOnlineRegistrationForm add(HttpServletRequest request, HttpServletResponse response)
throws Exception {
EmployeeOnlineRegistrationForm employeeregistration = new EmployeeOnlineRegistrationForm();
String name = request.getParameter("name");
String fname = request.getParameter("fname");
String mname = request.getParameter("mname");
String nid = request.getParameter("nid");
String age = request.getParameter("age");
String blood = request.getParameter("blood");
String gender = request.getParameter("gender");
String caddress = request.getParameter("caddress");
String paddress = request.getParameter("paddress");
String pdegree = request.getParameter("pdegree");
String puniversity = request.getParameter("puniversity");
String pyear = request.getParameter("pyear");
String presult = request.getParameter("presult");
String mdegree = request.getParameter("mdegree");
String muniversity = request.getParameter("muniversity");
String myear = request.getParameter("myear");
String mresult = request.getParameter("mresult");
String bdegree = request.getParameter("bdegree");
String buniversity = request.getParameter("buniversity");
String byear = request.getParameter("byear");
String bresult = request.getParameter("bresult");
String hdegree = request.getParameter("hdegree");
String college = request.getParameter("college");
String hyear = request.getParameter("hyear");
String hresult = request.getParameter("hresult");
String sdegree = request.getParameter("sdegree");
String school = request.getParameter("school");
String syear = request.getParameter("syear");
String sresult = request.getParameter("sresult");
String date = request.getParameter("date");
String location = request.getParameter("location");
String department =request.getParameter("department");
String[] company =request.getParameter("company").split(",");
String[] from =request.getParameter("from").split(",");
String[] to =request.getParameter("to").split(",");
String[] year =request.getParameter("year").split(",");
String[] organization =request.getParameter("organization").split(",");
String[] topic =request.getParameter("topic").split(",");
String[] duration =request.getParameter("duration").split(",");
employeeregistration.setName(name);
employeeregistration.setFname(fname);
employeeregistration.setMname(mname);
employeeregistration.setNid(nid);
employeeregistration.setAge(age);
employeeregistration.setBlood(blood);
employeeregistration.setGender(gender);
employeeregistration.setCaddress(caddress);
employeeregistration.setPaddress(paddress);
employeeregistration.setPdegree(pdegree);
employeeregistration.setPuniversity(puniversity);
employeeregistration.setPyear(pyear);
employeeregistration.setPresult(presult);
employeeregistration.setMdegree(mdegree);
employeeregistration.setMuniversity(muniversity);
employeeregistration.setMyear(myear);
employeeregistration.setMresult(mresult);
employeeregistration.setBdegree(bdegree);
employeeregistration.setBuniversity(buniversity);
employeeregistration.setByear(byear);
employeeregistration.setBresult(bresult);
employeeregistration.setHdegree(hdegree);
employeeregistration.setCollege(college);
employeeregistration.setHyear(hyear);
employeeregistration.setHresult(hresult);
employeeregistration.setSdegree(sdegree);
employeeregistration.setSchool(school);
employeeregistration.setSyear(syear);
employeeregistration.setSresult(sresult);
employeeregistration.setDate(date);
employeeregistration.setDepartment(department);
employeeregistration.setLocation(location);
employeeregistration.setCompany(company);
employeeregistration.setFrom(from);
employeeregistration.setTo(to);
employeeregistration.setYear(year);
employeeregistration.setOrganization(organization);
employeeregistration.setTopic(topic);
employeeregistration.setDuration(duration);
System.out.println(" name "+name+" fname "+fname+" mname "+mname+" blood "+blood+" gender "+ gender+" caddress "+caddress+" paddress "+paddress
+" pyear "+pyear+" pdegree "+pdegree+" puniversity "+puniversity+" presult "+presult
+" myear "+myear+" mdegree "+mdegree+" muniversity "+muniversity+" mresult "+mresult
+" byear "+byear+" bdegree "+bdegree+" buniversity "+buniversity+" bresult "+bresult
+" hyear "+hyear+" hdegree "+hdegree+" college "+college+" hresult "+hresult
+" syear "+syear+" sdegree "+sdegree+" school "+school+" sresult "+sresult
+" date "+date+" location "+location+" department "+department);
return employeeregistration;
}
@RequestMapping(value = "/welcome",method = RequestMethod.GET)
public String index(ModelMap model){
model.addAttribute("message", "Spring MVC XML Config Example");
return "index";
}
@RequestMapping(value = "/uploadMyFile", method = RequestMethod.POST)
@ResponseBody
public String handleFileUpload(MultipartHttpServletRequest request)
throws Exception {
Iterator<String> itrator = request.getFileNames();
MultipartFile multiFile = request.getFile(itrator.next());
try {
String fileName=multiFile.getOriginalFilename();
//String path=request.getSession().getServletContext().getRealPath("/");
//System.out.println(path);
//making directories for our required path.
byte[] bytes = multiFile.getBytes();
//File directory= new File(path+ "/image");
File directory= new File("/E:/Java_Project/EmployeeOnlineRegistrationForm/src/main/webapp/resources/image");
if(!directory.exists())
directory.mkdirs();
// saving the file
File file=new File(directory.getAbsolutePath()+System.getProperty("file.separator")+multiFile.getOriginalFilename());
BufferedOutputStream stream = new BufferedOutputStream(
new FileOutputStream(file));
stream.write(bytes);
stream.close();
} catch (Exception e) {
e.printStackTrace();
throw new Exception("Error while loading the file");
}
return "File Uploaded Successfully";
}
如何从控制器获得此响应？
2个回答
1
投票
投票
您的响应是 javascript 对象。您不能警告对象。访问对象属性如下：
var obj = JSON.parse(response);
alert(obj.country);
这将提醒马来西亚。像这样访问其他属性。
检查
alert(typeof(response));JSON.stringify()0
投票
投票
使用
[object Object]alert[object Object]alertvar obj = {foo: 42};
alert(obj);
console.log(obj.toString());如果你想调试你的代码，你应该使用
console.logconsole.diralertvar obj = {foo: 42};
console.log(obj);您只需在
response最新问题
- 我在创建expo-app时遇到权限错误
- 如何管理多个导入的Maven BOM
- window.print() 在每一页上重复模式
- 我无法更新我的 mvc 项目中的按钮
- 在SQLite中查询某个用户关注的所有用户的所有用户
- 运行时异常：NumberFormatter 需要 bcmath 扩展
- Bruno 有键盘快捷键指南吗？我想要与 Postman 相同的键盘快捷键（例如用于导入请求的 Command + O）
- 倍频并行功能使单机运行时间变差
- Wagtailmenus 似乎无法识别我安装中的 sub_menu 标签
- 如何设置主线程优先级
- SQL 日期格式转换为 MMDDYYYY
- 使用带有动态数据库名称的MySQL链接服务器
- 共享导航栏组件的精简页面/组件缓存问题
- 带有 terraform 的云作曲家
- 即使使用我的 AES 密钥，解密我的 Techem WM 总线热量表也不起作用
- 如何在 dplyr 调用中通过两个变量进行 group_by() ？
- 使用序列化器验证自定义 django REST API 视图中的数据
- 需要在 FileStream 上的 Seek() 之前先 Flush() 吗？
- 如何更改 Java GUI 应用程序中的内容，而无需每次创建新窗口
- 如何在 dplyr 调用中通过两个变量进行 group_by()
© www.soinside.com 2019 - 2024. All rights reserved.