基于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>