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的主要内容,如果未能解决你的问题,请参考以下文章

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

javascript AJAX片段

Spring MVC 3.2 Thymeleaf Ajax 片段