jquery ajax例子返回值详解

时间：2012-09-11 编辑：简简单单来源：一聚教程网

在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。

首先我们看$.get():

代码如下	复制代码
$.get("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要传递的数据 function(data){ alert("返回的数据: " + data); } )

然后看$.post():
跟$.get()格式一样.

代码如下	复制代码
$.post("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要传递的数据 function(data){ alert("返回的数据: " + data); } )

上面2种方式的区别应该就是请求方式不同(一个get 一个post).

最后我们看$.ajax():

代码如下	复制代码
$.ajax({ url:'Accept.jsp', type:'post', //数据发送方式 dataType:'html', //接受数据格式 (这里有很多,常用的有html,xml,js,json) data:'text='+$("#name").val()+'&date='+new Date(), //要传递的数据 error: function(){ //失败 alert('Error loading document'); }, success: function(msg){ //成功 alert( "Data Saved: " + msg ); } });

实例

前台jsp部分的代码如下：...
票数:

代码如下	复制代码
<%=vote_number%> ); href='javascript:;'">投票

...
js部分的代码如下

代码如下	复制代码
function myvote(id){ $.post("vote.jsp", { id: id }, function(data){ eval("var data="+data); if (data.issucc=="0"){ alert(data.mess) }else{ //alert("更新页面"); $("#i"+data.myid).html(data.votenum); } }); }

返回数据为json

后台返回的json数据如下

{issucc:,mess:”“,votenum:,myid:}

issucc:是否成功
mess:信息，主要是错误信息，比如没登录，超过限制等
votenum：投票后的得票总数
myid:投票的id，用于更新页面的投票数

一个注册登录实例

代码如下

复制代码

var userName;
var password;
var result;
$(document).ready(function(){
$("#load").hide();

$("#success").hide();
$("#error").hide();

});

$(document).ready(function(){
$("#button").click(function(){
$("#error").hide();
$("#load").show("slow");
userName = $("#userName").val();
password = $("#password").val();
$.ajax({type: "post",
url: "login.jsp",
dataType: "html",
data: "userName="+userName+"&password="+password,
success: function(result){
var res = String($.trim(result));
if(res=="OK"){
$("#myTable").hide("slow");
$("#success").show("slow");
}else if(res=="error"){
$("#error").show("slow");
$("#load").hide("slow");
}else{
alert("返回异常");}
}
});
});
});

jsp页面

第一种responseText格式

代码如下	复制代码
<%@ page language="java" pageEncoding="gb2312"%> <% String userName = request.getParameter("userName"); String password = request.getParameter("password"); if(password.equals("longleg")&&userName.equals("thy")){ out.print("OK"); }else{out.print("error");} %>

上一个：解决FCKEditor XML Request Error:Internal Server Error(500)办法
下一个： jquery each用法和定义

推荐专题

最新下载

热门教程

jquery ajax例子返回值详解

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程