您当前的位置:移动互联网学院 > HTML5培训 > 前端开发 > Ajax > jquery ajax例子返回值详解

jquery ajax例子返回值详解

时间:2017-10-11 15:25 来源:jQuery开发教程汇总

$.ajax()跟($.post(),$.get())最主要的差别就是 成功回调后,执行success. . $.post(),$.get()就只能简单的做下传递 ,返回. .后续工作没法继续.所以看情况调用

在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部分的代码如下:...

票数:
<span id="i<%=id%>"><%=vote_number%></span><br/>
<a onclick=myvote(<%=id%>); href='javascript:;'">投票</a>

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,用于更新页面的投票数

一个注册登录实例

js

login.jsp返回的类型为text形式,正确时是“OK”,错误时是

“error”。

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");}
%>

  • 北京

    010-82600385/6

    北京市海淀区西三旗悦秀路北京明园大学校内

  • 上海

    021-54485127

    上海市徐汇区漕溪路250号银海大楼11层

  • 深圳

    0755-25590506

    深圳市龙华新区人民北路美丽AAA大厦15层

  • 成都

    028-85405115

    成都武侯区科华北路99号科华大厦2层

  • 南京

    025-86551900

    南京市白下区汉中路185号鸿运大厦11层

  • 武汉

    027-87804688

    武汉工程大学卓刀泉校区科技孵化器大楼11层

  • 西安

    029-88756251

    西安市高新区高新1路12号天公大厦3层

  • 广州

    020-38342087

    广州市天河软件园柯木塱园5栋三层

  • 沈阳

    024-24349000

    沈阳市沈河区北顺城路137号锦峰大厦7层

  • 济南

    0531-88898293

    济南市高新区舜华路三庆世纪财富中心B3座6层

  • 重庆

    023-68064704

    重庆市九龙坡区渝州路87号双薪时代九楼

  • 长沙

    15010390966

    长沙市开福区芙蓉中路海东青大厦B座11楼

Copyright © 2004-2017 华清远见教育集团 版权所有,沪ICP备10038863号-3,京公海网安备110108001117号