在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");}
%>
相关推荐:
SEO快速提升:让你的网站排名瞬间飙升的秘诀,网站建设的发展目标
AI写作的崛起-“只能AI写作”背后的巨大潜力,舞狮摄影ai
为什么“未备案域名”会成为互联网行业中的重要问题?,江干区seo优化价格
AI撰写大数据解决方案:开启智能数据时代的新篇章,ai头号公敌
360ai答题-赋能教育,开启智能学习新纪元,ai 果汁
SEO优化如何提升网站排名,驾驭搜索引擎流量,三亚网站推广方法
怎么用AI写出高质量科普文章?揭秘新时代创作利器!
seo需要什么能力,seo需要哪些技术 ,ai长条弯曲
SEO永远,数字营销的核心力量,广州seo搜索栏内容
ChatGPT崩了?用户称打开是一片空白,背后隐藏了什么?,ai 新技巧
seo需要了解什么,seo需要学些什么内容 ,ovo ai
个性化广告:新时代营销的秘密武器,建设经营性网站怎么记账
SEO针对中小企业的增长潜力:如何通过精准优化抢占市场先机,网络推广和营销就选y火10星评价
seo稿件是什么意思,seo文章写作要求 ,ai写作未来展望和展望
AI免费生成:开启智能创作新纪元,助力你的创意无限可能
SEO添加:提升网站流量与排名的必备策略,seo团队成员中国人
SEO观看:如何通过优化提升您的网站流量和品牌影响力,龙里网络营销推广
seo类文章是什么,seo技术文章 ,ai3.5-ai聊天
今时CMS:引领数字化转型的智慧之选,河南seo优化网站联系方式
seo用什么法宝,列出5种seo赚钱方式 ,ai怎么更改文档样式
怎么分辨文章是不是AI写的?五大技巧揭开真相
SEO教你如何快速提升网站排名,打破竞争壁垒!,本溪seo优化排名公司
ChatGPT打开后空白:如何解决这个困扰并高效使用AI助手,ai四声怎么写
SEO招标:如何通过专业SEO服务助力企业脱颖而出,牡丹江关键词排名怎么样
ChatGPT:基于Transformer技术的语言模型,开创人工智能未来,AI独战OK
SEO赚钱:如何通过SEO技能在网络上实现财富自由,网站怎么建设推广平台
优化综合:引领高效发展的智慧之道,电影营销的推广方式
AI一键生成文章,写作新境界
seo算是什么营销方式,seo是网络营销吗 ,ai318
SEO与SEM策略:提升网站流量与品牌曝光的双剑合璧,ai补图
乘风SEO-引领企业互联网时代的腾飞之路,南昌b站关键词排名优化贵不贵
ChatGPT的梯子:突破网络壁垒,畅享智能对话的全新体验,ai的音标1001ai的音标
怎么看文章是不是AI生成的?揭秘背后的玄机与技巧
AI的两个主要发展阶段:从起步到突破,如何重塑未来,wps ai写作去哪里
SEO任何:如何通过精准优化让网站流量突破极限,太原网站建设培训班
ChatGPT:我目前无法查看或解析附件,您是否遇到过这样的困扰?,ai+燃烧
ChatGPT支持多种语言输入输出,让全球资讯触手可及,联想拯救者的ai写作
SEO化学物质:如何在化工行业提升搜索引擎排名和品牌曝光,rack ai
ChatGPT网页版内容显示不全的解决方案:如何轻松解决问题?,课件ai
seo用什么手法,seo方式 ,ai绘画飞翔
SEO流程全解析:如何提升网站流量与排名,账号如何营销推广
打造内容创作新高度:文章扩写AI的革命性优势
ChatGPT模型进化历程:人工智能的智慧革命,ai 喷枪星空
优化投入,让企业更具竞争力,怎样推广营销方案
seo网站需要做什么,seo都需要做什么 ,ai怎么做喷漆效果
seo经理做什么的,seo经理招聘 ,盲人ai眼镜
seo资源指的是什么,seo资料 ,绿眼AI
ChatGPT异常了:人工智能的极限与突破,ai and ethics
ChatGPT的破解版:AI世界的新突破,ai无禁忌
什么是seo行业,seo是什么职业做什么的 ,ai标题字体效果