jquery ajax例子返回值详解

在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");} 
%> 
时间： 2024-10-01 08:38:06

jquery ajax例子返回值详解的相关文章

jquery ajax例子返回值详解_jquery

在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 首先我们看$.get(): 复制代码 代码如下: $.get("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要传递的数据 function(data){ alert("返回的数据: " + data); } ) 然后看$.post(): 跟$.get()格式一样.

jQuery AJAX timeout 超时问题详解_jquery

先给大家分析下超时原因: 1.网络不通畅. 2.后台运行比较慢(服务器第一次运行时,容易出现) 超时结果:JQ中 timeout设置请求超时时间. 如果服务器响应时间超过了 设置的时间,则进入 ERROR (错误处理) 超时解决方案: 1.默认的timeout为0,代表永不超时 2.尽量把timeout设置的大一点.坏处:使数据的加载变慢(貌似.呵呵). 3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如,可以在超时的情况下再次调用取数据函数. -------------------

jquery ajax 接收返回值 是个URL 字符串，为空，在线等

问题描述 jquery ajax 接收返回值 是个URL 字符串,为空,在线等 jquery ajax 接收返回值 是个URL 字符串,为空,后台debug看了,肯定传了. 前台接收类型'text'.没啥问题,是否有其他原因 解决方案 上代码呀.不然怎么排查原因 解决方案二: jQuery.ajax({ type:'post', url:"/financeReport/generateURL.do", cache:false, data:{"reportType":

创建公共调用 jQuery Ajax 带返回值_jquery

复制代码 代码如下: <script type="text/javascript"> /* 请求Ajax 带返回值,并弹出提示框提醒 --------------------------------------------------*/ function getAjax(url, parm, callBack) { $.ajax({ type: 'post', dataType: "text", url: url, data: parm, cache:

基于jQuery.ajax之post()用法详解

$.post(url,[data],[callback],[type]) 说明:这个函数跟$.get()参数差不多,多了一个type参数,type为请求 的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就 和$.get()返回的格式一样,都是字符串的  代码如下 复制代码 $.post("data.php",$("#firstName.val()"),function(data){

C语言 用指针作为函数返回值详解_C 语言

C语言允许函数的返回值是一个指针(地址),我们将这样的函数称为指针函数.下面的例子定义了一个函数 strlong(),用来返回两个字符串中较长的一个: #include <stdio.h> #include <string.h> char *strlong(char *str1, char *str2){ if(strlen(str1) >= strlen(str2)){ return str1; }else{ return str2; } } int main(){ cha

js弹窗返回值详解

 本篇文章主要介绍了js弹窗返回值(window.open方式).需要的朋友可以过来参考下,希望对大家有所帮助 test.php     代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www

Jquery ajax各种用法说明详解

Jquery异步加载一个页面是如此简单: jQuery AJAX 请求 请求 描述 $(selector).load(url,data,callback) 把远程数据加载到被选的元素中 $.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中 $.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据 $.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据 $.getJSON(u

js弹窗返回值详解(window.open方式)_javascript技巧

test.php 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-