转自:http://blog.csdn.net/yixiaotian1988/article/details/6336655
废话不多说,直接上代码:
$.ajax 等同于 jQuery.ajax
$.ajax({
url:'testServlet',
type:'post',
data:{Action:"ajax",Name:"ajax"},
success:function(data){
alert("得到从servlet返回的值: " + data);
}
});
各项参数说明:
url : 提交到后台中的servlet或者是action地址
type: 提交方式
data: 以json字符串的形式提交到后台
success:回调函数,可以接收从服务器端返回回来的数据
下面来看:
$.post( //利用jQuery中的Post方式提交数据到后台
"testServlet",
{Action:"post",Name:"post"},
function(data){
alert("得到从servlet返回的值: " + data);
}
);
仔细观察你会发现,用$.post方式比$.ajax方式要简单一些,它并没有写出像这种:
url : "XXX",键值这种方式
而是写成"XXX",对格式上已经和$.ajax有了很大的不同
利用$.post也可以把表单进行提交:
$.post(
"testServlet",
$("#form1").serialize(), //表单进行序列化,相当于submit
function(data){
alert("jQueryForm得到返回值: " + data);
}
);
form1指的是表单的id属性值<form id="form1"></form>
如果你只是想把后台的数据填充到页面中的某一个元素上,可以简单的应用如下方式:
$("#data").load(
"testServlet",
{Action:"load",Name:"load"},
function(data,textStatus){
alert("得到从servlet返回的值: " + data);
}
);
上面的data为<span>中的id属性,从后台传递回来的数据直接回冲到页面当中的span属性上
好,大功告成…………