Ajax调用破坏了我的代码

时间:2013-10-17 20:34:37

标签: javascript php jquery ajax

我正在尝试使用Ajax,Javascript和Php制作基于回合制的多人游戏浏览器游戏,为了实际玩游戏,您必须输入用户的用户名并搜索该玩家。但是当我尝试在其中添加该函数时,在重复所有html时会破坏我的代码。当我通过检查元素与Chrome查看网络时,它显示它继续向jquery发送请求然后它被卡在预加载器上,但是当我从php加载isset帖子时它会加载,但我可以'搜索玩家。我该如何解决这个问题呢?这是我的代码

Javascript: var match = null;
function popUp(what){
if(!what) errorMessage('Error: params', 'params', 'none');
switch(what){
    case 'search':
        preLoad('Loading please wait . . .');
        $('#main_container').prepend('<div id="popup"><div class="opacity"></div><div class="search"></div></div>');
        $('.search').load('./?page=game&mode=search&type=private', function(){
            $('#preloader').fadeOut('slow',function(){
                $('#preloader').remove();
            });         
        });
    break;
    case 'match':
        $.ajax({
            url : _path + "/core/ajax.php",
            type : 'POST',
            data : { f: 'checkMatch'},
            dataType : 'text',
            success :  function(data) {
                if(data){
                    $('#main_container').prepend(data);
                    match = setInterval(function(){
                        if(!$('.search').length){
                            $('#main_container').prepend('<div id="popup"><div class="opacity"></div><div class="search"></div></div>');
                        }
                        $('.search').load('./?page=game&mode=search&type=private', function(){

                            var meta = $('#stopMe').attr('content');
                            if(meta){
                                meta = meta.split("URL="), meta = meta[1];
                                window.location = meta;                                             
                            }

                        });                                     
                    },1000);
                }
            }
        });
    break;
    case 'submit':
        $.post('./?page=game&mode=search&type=private', $("#form-pb").serialize(), function(data){
            var $response=$(data);
            var error = $response.filter('h3').text();
            $('.search').html(data);                
            if(!error){
                match = setInterval(function(){
                if(!$('.search').length){
                    $('#main_container').prepend('<div id="popup"><div class="opacity"></div><div class="search"></div></div>');
                }
                $('.search').load('./?page=game&mode=search&type=private', function(){
                    var meta = $('#stopMe').attr('content');                                var meta = $('#stopMe').attr('content');
                    if(meta){
                        meta = meta.split("URL="), meta = meta[1];
                        window.location = meta;                                         
                    }                           
                });                             
                },1000);                    
            }
        });         
    break;
  }
}
Php: if (isset($_GET['mode'])) {
    $mode = $secure->clean($_GET['mode']);
} else {
    $mode = '';
}
if ($mode == 'selection') {

    $page_title .=' > Character Selection';
    $page_titles .= ' Character Selection - Power Bond';

} else if ($mode == 'search') {


if (isset($_GET['type'])) {
    $type = $secure->clean($_GET['type']);
} else {
    $type = '';
}

if ($type == 'private') { 
    if (isset($_POST['pbsubmit']))  {
         $name = $secure->clean($_POST['name']);


    }
}


} 
if (isset($_POST['f']) && $_POST['f'] == 'checkMatch')  {
    $checkMatch = $db->query("SELECT * FROM accounts WHERE `id` = '".$account['id']."'");
    while ($info = mysql_fetch_array($checkMatch)) {
        $status = $info['status'];
        $gameid = $info['gameid'];
    }

$getGame = $db->fetch("SELECT * FROM Games WHERE `gameid` = '$gameid'");

    $status = $info['status'];
    $gameid = $info['gameid'];

if(!$getGame = 'NULL') {
    $data = 'testaeta';
} else {
    $data = '<h1> Who do you want to battle against? </h1>
    <br />
    <form action="" method="post" id="form-pb" name="pb" target="_self">
    USERNAME:<input name="name" type="text" size="40" maxlength="40" />

    <input name="pbsubmit" type="submit" value="Search"/>
    </form>
    <a class="goback" href="#">Cancel</a>';
}

echo $data;

}

0 个答案:

没有答案