jqueryajax例子返回值详解
详解 例子 返回值 JqueryAJAX
2023-06-13 09:14:35 时间
在JQuery中,AJAX有三种实现方式:$.ajax(),$.post,$.get()。
首先我们看$.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="+newDate(),//要传递的数据
error:function(){//失败
alert("Errorloadingdocument");
},
success:function(msg){//成功
alert("DataSaved:"+msg);
}
});
实例
前台jsp部分的代码如下:...
票数:
<spanid="i<%=id%>"><%=vote_number%></span><br/>
<aonclick=myvote(<%=id%>);href="javascript:;"">投票</a>
...
js部分的代码如下
functionmyvote(id){
$.post("vote.jsp",{id:id},
function(data){
eval("vardata="+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”。
varuserName;
varpassword;
varresult;
$(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){
varres=String($.trim(result));
if(res=="OK"){
$("#myTable").hide("slow");
$("#success").show("slow");
}elseif(res=="error"){
$("#error").show("slow");
$("#load").hide("slow");
}else{
alert("返回异常");}
}
});
});
});
jsp页面
第一种responseText格式
<%@pagelanguage="java"pageEncoding="gb2312"%>
<%
StringuserName=request.getParameter("userName");
Stringpassword=request.getParameter("password");
if(password.equals("longleg")&&userName.equals("thy")){
out.print("OK");
}else{out.print("error");}
%>
相关文章
- 三万字详解SpringClould高可用流量防护组件Sentinel哨兵(含源码例子)[通俗易懂]
- 为什么百度查到的ip和ipconfig查到的不一样;详解公网Ip和私网ip;详解网络分类ABC;
- jvm之类文件详解(四)
- c语言函数回调详解_c语言回调函数例子
- MyBatis详解(二)
- 面向对象设计模式--单例模式详解+实际应用(Java)
- 带例子详解Sql中Union和Union ALL的区别
- iOS异步请求下载图片详解手机开发
- Mysql存储过程代码例子详解数据库
- ORACLE PL/SQL 介绍详解程序员
- Hadoop综合练习第四节–MapReduce计算气象温度等例子详解大数据
- 程序员都会的 35 个 jQuery 小技巧详解编程语言
- javascript异步执行的一些例子详解编程语言
- 30个php操作redis常用方法代码例子详解大数据
- 一个简单的MyBatis连接Oracle数据库的例子详解编程语言
- Java 正则表达式小例子详解编程语言
- Java 正则表达式最简单的例子详解编程语言
- 解决json结合struts2时,Class org.apache.struts2.json.JSONWriter can not access a member of * 的问题详解编程语言
- SpringMVC demo 小例子,实现简单的登录和注册详解编程语言
- JAVA编写的AJAX例子,很简单,但是很容易理解详解编程语言
- Js操作DOM对象的例子详解编程语言
- 一个完整的Lucene搜索引擎例子demo详解编程语言
- [二] java8 函数式接口详解 函数接口详解 lambda表达式 匿名函数 方法引用使用含义 函数式接口实例 如何定义函数式接口编程语言
- SpringBoot2.0之整合Dubbo详解编程语言
- Java中的值传递和引用传递详解编程语言
- Oracle基础教程:入门要点详解(学习oracle的基础)
- ASP.NETSession使用详解
- Oracle静态注册与动态注册详解