发布于 2015-11-10 13:30:36 | 504 次阅读 | 评论: 0 | 来源: PHPERZ

这里有新鲜出炉的精品教程，程序狗速度看过来！

Ajax

AJAX即“Asynchronous Javascript + XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

---

被这个问题困扰了好久。。。真是醉了

借用了jquery 的插件，jquery-form.js，链接：http://jquery.malsup.com/form/#download

js代码(options包含很多参数，可以进行设置)

<script type="text/javascript">
    function save(){
        var options = {
            success:function(data){
                if(data.success==true) {
                    alert("保存成功");
                }
            }
        }
        // 当没有选择上传文件，如果还想正确提交时必须做以下处理
        if($("#pdfInput").val()==""){
                $("#pdfInput").remove();
                $("#uploadForm").attr("enctype", "application/x-www-form-urlencoded");
                //或者不用remove()就设为disabled也可以
                //$("#pdfInput").attr("disabled", "disabled");
        }
        
        $('#uploadForm').ajaxSubmit(options);
    }
</script>

Form表单

<form action="${ctx}/StdManage/standardsUpdate" id="uploadForm" method="post" enctype="multipart/form-data">
    <input type="text" name="id">
    <input type="file" name="stdFile" id="pdfInput">
</form>

<button type="button" onclick="save()">save</button>

Controller

@Controller("/StdManage")
public class StdManageController{

    @RequestMapping("standardsUpdate")
    public void standardsUpdate(StandardWithBlobs standardWithBlobs) {
        System.out.println("id:" + standardWithBlobs.getId());
    }
}

StandardWithBlobs

package whu.edu.irlab.model;

import org.springframework.web.multipart.MultipartFile;

public class StandardWithBLOBs extends Standard{

    private String entities;

    private String possibleEntities;

    private MultipartFile stdFile;

    getter and setter ... 
}