首页 > Web开发 > 详细

ajax

时间:2016-03-23 19:59:12      阅读:234      评论:0      收藏:0      [点我收藏+]

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

原文:http://www.cnblogs.com/feiwu123/p/5312319.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!