基于JQuery的Ajax

JQuery已经把Ajax使用到的方法参数集成的比较好了，所以在开发的过程中借助于JQuery写Ajax是比较高效的方法

关于Ajax的三种提交方法都有集成：在做东西的之前引入JQuery

1、post提交方法：这种提交方法返回的参数作用域就是success方法里，所以要在success里将得到的数据展示到页面。

<script type="text/javascript">
    function saveNote() {
        var noteId = $("#noteId").val();
        var note = $("#note").val();
        $.ajax({
            type: "post",
            dataType: "json",
            url: "XXXX.do?action=MMM",
            data: {
                note: note,
                lessonId: "${lesson.id?default('')}",
                noteId: noteId
            },
            success: function (msg) {
                if (msg.resultCode == 0) {
                    //alert(msg.resultDesc);
                } else {
                    alert("提交成功");
                }
            },
            error: function (data) {
                //alert(data);
            }
        });
    };
</script>

2、get提交方法：适合于提交与后台有较少参数交互的场合，这种方法得到的后台参数作用域就是里面的function方法里，所以要在这个方法里将数据展示到页面。

<script type="text/javascript">
    function editNote(noteId) {
        $.get("XXX.do?action=MMM", {
            noteId: noteId
        }, function (result) {
            var data = document.getElementById("note");
            data.value = result.data;
        });
</script>

post和get方法提交数据后台处理之后都是通过PrintWriter out = response.getWriter();的writer方法打印到页面相应的。

3、load提交方法：这个方法是比较灵活的，注意load方法开始是要通过$("#biji").load这个对象的，所以后台处理之后相应的也是一个页面里对象，所以我们要把$("#biji")这个对象单独再拿出来一份做个页面用于填充后台相应的数据。

<script type="text/javascript">
    function getNote() {
        $("#biji").load("XXX.do?action=MMM", {
            "lessonId": "${lesson.id?default('')}"
        });
    };
</script>