ajax
Posted 飞舞189
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax相关的知识,希望对你有一定的参考价值。
ajax跨域:此demo是静态页面实现伪登录。
<script type="text/javascript" src="http://resource.xiaoyou-game.com/static/xzzh/scripts/jquery-1.8.0.min.js"></script> <script> $(function(){ $.ajax({ url:‘http://gameapi.xiaoyou-game.com/user/getcookie‘, async: true, type:"get", dataType:‘jsonp‘, jsonp:"jsoncallback", data:{}, success:function(data,status){ if(data.key == -1){ document.getElementById("username").innerhtml = "<a class=‘nav-link username username--loggedout dropdown-toggle‘ href=‘http://gameapi.xiaoyou-game.com/user/login/‘>登录</a><a class=‘nav-link username username--loggedout dropdown-toggle‘ href=‘http://gameapi.xiaoyou-game.com/user/register/‘>注册</a> "; }else if(data.key == 1){ document.getElementById("username").innerHTML = "<a class=‘nav-link username username--loggedout dropdown-toggle‘ href=‘‘>"+data.value+"</a><a class=‘nav-link username username--loggedout dropdown-toggle‘ href=‘http://gameapi.xiaoyou-game.com/user/logout/‘>注销</a> "; } } }); }); </script>
ajax不跨域:此demo是注册页面的一部分
$.ajax({ url:‘http://gameapi.xiaoyou-game.com/user/register‘, type:‘post‘, dataType:‘json‘, data:{‘username‘:username,‘phone_text‘:phone_text}, success:function(data,status){ if(data.key == -1){ $(‘#msg‘).html(‘用户名已存在!‘); }else if(data.key == -2){ $(‘#msg‘).html(‘手机短信验证码输入错误!‘); }else if(data.key == 1){ $(‘#register_form‘).submit(); } }, });
以上是关于ajax的主要内容,如果未能解决你的问题,请参考以下文章