jquery Ajax应用
2018-03-15 09:28 _天枢 阅读(133) 评论(0) 编辑 收藏 举报介绍:
AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。
jquery ajax语法:
$.ajax({ url:'/login/', #向后台传送数据的地址 type:'post', #数据传送的类型 data:{ #传送的数据 'username':'qcbin', 'password':'q123456' }, dataType:'json', #返回的数据类型 success:function(args){ alert(args.res); #返回的是一个json,args是一个json对象,res是字典的key值 }, error:function(err){ alert(err); } });
示例代码:点击id是submit的按钮,时触发ajax事件。
先介绍几种jquery获取对象,赋值的方法。
$("#submit").click(); #jquery的用法,点击id是submit时触发。
$("#username").val(); #取id为username的value
$("#username").val('qcbin'); #给id为username的对象value赋值为qcbin
$("#content").html(); #获取标签赋值相当于<span id="content">获取这里的值</span>
$("#content").html("abc123"); #给标签赋值相当于<span id="content">给这里赋值</span>
$("#submit").click(function(){ if($("#username").val()!="" && $("#password").val()!="") { $.ajax({ url:'/login_validation/', type:'post', data:{ 'username':$("#username").val(), 'password':$("#password").val() }, dataType:'json', success:function(args){ if(args.res==1){ window.location="/index/"; }else{ $("#display_text").html("用户名或密码错误."); } }, error:function(data){ alert('ajax error'); } }); }else{ alert("用户名或密码不能为空。"); } });
作 者:
天枢
出 处:
http://www.cnblogs.com/yhleng/
关于作者:专注于软件自动化测试领域。如有问题或建议,请多多赐教!
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者
直接私信我
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角
【
推荐】
一下。您的鼓励是作者坚持原创和持续写作的最大动力!