公司实习对前端ajax，jquery的认识

1、前端发送ajax请求之后获取请求的列表

$(document).ready(function() {
$.ajax({
url : '<%=request.getContextPath()%>/background/newskind/newskindList/0',
dataType : 'json',
cache : false,
aysnc : false,
success : function(response) {
$.each(response,function(n,value) {
$('#newskindSelect').append($("<option></option>").attr("value",value.id).text(value.name));

});
}
});
$.ajax({
url : '<%=request.getContextPath()%>/background/specialschool/specialschoolList/0',
dataType : 'json',
cache : false,
aysnc : false,
success : function(response) {

$.each(response,function(n,value) {
$('#SpeciaSchoolSelect').append($("<option></option>").attr("value",value.id).text(value.schoolName));

});
}
});

$('#newskindSelect').on("change",function(){
if(($("#newskindSelect").find("option:selected").text()=='院校专家'))
{
$("#SpeciaSchoolSpan").show();
$("#SpeciaSchoollabel").show();

}else{
$("#SpeciaSchoolSpan").hide();
$("#SpeciaSchoollabel").hide();
}
}) ;

});

<div class="row cl">
<label class="form-label col-2" ><span class="c-red">*</span>新闻类别：</label>
<div class="formControls col-2">
<span class="select-box"> <select id="newskindSelect" name="newskindId"
class="select">
<option value="1">全部分类</option>
</select>
</span>
</div>

<label  id="SpeciaSchoollabel"  class="form-label col-2" style="display:none"><span class="c-red">*</span>院校名称：</label>
<div class="formControls col-2">
<span class="select-box"   id="SpeciaSchoolSpan" style="display:none">
<select name="speciaSchool"   id="SpeciaSchoolSelect"
class="select">
<option value="1">全部分类</option>
</select>
</span>
</div>

2、前端发送ajax请求上传文件http://www.cnblogs.com/BigDreamer/p/5506340.html

$('.sub').click(function(e){

var data1 = new FormData($('#formupload')[0]);

$.ajax({
type: 'post',
url: "http://localhost:8080/pinghua-web/background/partner/create",
data: data1,
contentType: false,
processData: false,
dataType:'text',
success: function(data){
if(data=="success"){
alert("上传成功");

}

},error:function(err){ alert("err"+err);console.log(err);} });});

后端spring mvc

@RequestMapping(value = "/create", method = RequestMethod.POST)

public void create(HttpServletRequest request,HttpServletResponse response, @RequestParam(value="file" ,required=false) MultipartFile file, @Valid  SchoolPartnerDTO schoolpartner, BindingResult result){
LOG.debug("*************** partner create, request str from web :" + schoolpartner + "***************");
String fileName=null;
if(null!=file)
{
fileName=file.getOriginalFilename();
File introFile=new File(request.getServletContext().getRealPath("WEB-INF/intro"),fileName);

try{
file.transferTo(introFile);
}catch(IOException e){
e.printStackTrace();
}
}
String path="WEB-INF/intro/"+fileName;
schoolpartner.setIntro(path);
schoolpartner.setAddtime(new Date());
schoolpartner.setState(0);
String msg="success";

Assert.notNull(schoolpartner);

SchoolPartnerDTO newsTemp = partnerService.addSchoolPartner(schoolpartner);

response.setHeader("Access-Control-Allow-Origin", "*");
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
out.print(msg);

}