加载名为file的AJAX中包含的PHP_Php_Html_Jquery

加载名为file的AJAX中包含的PHP

php html jquery

加载名为file的AJAX中包含的PHP,php,html,jquery,Php,Html,Jquery,我需要帮助让ajax功能正常工作。我有一个页面可以模拟搜索一个人的邮政编码。它显示了他们所在位置的谷歌地图和一个ajax loader.gif。3000毫秒超时后，将调用ajax函数在我遇到的问题是，加载到div中的内容似乎没有得到我需要的任何CSS样式，并且包含了一些php。如果我直接在浏览器中加载通过ajax函数调用的页面，一切都会显示良好。但是当加载到ajax中时，我缺少CSS和PHP。需要有人尽快帮我解决这个问题！请回答这是我的密码： <?php includ

我需要帮助让ajax功能正常工作。我有一个页面可以模拟搜索一个人的邮政编码。它显示了他们所在位置的谷歌地图和一个ajax loader.gif。3000毫秒超时后，将调用ajax函数在

我遇到的问题是，加载到div中的内容似乎没有得到我需要的任何CSS样式，并且包含了一些php。如果我直接在浏览器中加载通过ajax函数调用的页面，一切都会显示良好。但是当加载到ajax中时，我缺少CSS和PHP。需要有人尽快帮我解决这个问题！请回答

这是我的密码：

    <?php 
    include($_SERVER['DOCUMENT_ROOT'] .'/inc/tokens.php');
    ?>

    <!DOCTYPE HTML>
    <html lang="en" xml:lang="en">

    <!--head code-->       
    <head>

    <link type="text/css" rel="stylesheet" href="../css/v1.css" />
    <style type="text/css">

    #quotebtn {
    position:relative;
    margin: 5px 0 1px 0;
    left:45px;
    float:left;
    width: 200px;
    height:50px;
    border: 0px;
    border-radius: none;
    }

    #form
    {
    margin: 100px;
    }
    </style>

    <!--start scripts-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script language="javascript">

    function ajax_request() {
    setTimeout('load_results()', 3000);
    }

    function load_results(url) {
    $('#content').hide('fast');
    /*$('#content').fadeIn('normal');*/
    $('#content').slideDown('fast', function() {
    // Animation complete.
    });
    $('#content').load('page2.php #content', "",
    function(responseText, textStatus, XMLHttpRequest) {
    if(textStatus == 'error') {
    $('#content').html('<p>There was an error making the AJAX request</p>');
    }
    }
    );

    }
    </script>

    </head>  

    <body onload="ajax_request();">

    <ul id="nav">
    <li><a href="page2.php">welcome</a></li>
    </ul>

    <!--form-->
    <div id="form">
    <div id="top"><img src="<?php echo $imgpath;?>/step1_boxtop.png" width="365px" height="100px" border="0" /></div>

    <!--content-->
    <div id="content">

    <div id="page2text_1"><?php echo $form_text1;?></div>
    <div id="loader"><img src="<?php echo $imgpath;?>/ajax-loader.gif" width="128px" height="15px" border="0" /></div>

    <div id="gmaps">
    <?php include($_SERVER['DOCUMENT_ROOT'] .'/offer/v1/gmap.php');?>
    </div>

    <div id="page2text_2"><?php echo $form_text2;?></div>

    </div>
    <!--content-->

    </div>
    <!--form-->

    </body>
    </html>


#quotebtn{
位置：相对位置；
保证金：5px0 1px0；
左：45像素；
浮动：左；
宽度：200px；
高度：50px；
边界：0px；
边界半径：无；
}
#形式
{
利润率：100像素；
}
函数ajax_request（）{
setTimeout（'load_results（）'，3000）；
}
函数加载结果（url）{
$（'content'）。隐藏（'fast'）；
/*$（'内容'）.fadeIn（'正常'）*/
$（“#内容”）.slideDown（'fast'，function（）{
//动画完成。
});
$（'#content'）。加载（'page2.php#content'，“”，
函数（responseText、textStatus、XMLHttpRequest）{
如果（textStatus=='error'）{
$（“#content”）.html（“发出AJAX请求时出错””；
}
}
);
}



/step1_boxtop.png“width=“365px”height=“100px”border=“0”/
/ajax loader.gif“width=“128px”height=“15px”border=“0”/

也许使用.ajax（）会让您的运气更好：

替换：

$('#content').load('page2.php #content', "",
function(responseText, textStatus, XMLHttpRequest) {
if(textStatus == 'error') {
$('#content').html('<p>There was an error making the AJAX request</p>');
}
}
);

$（'#content'）.load（'page2.php#content'，“”，
函数（responseText、textStatus、XMLHttpRequest）{
如果（textStatus=='error'）{
$（“#content”）.html（“发出AJAX请求时出错””；
}
}
);

与：

var jqxhr=$.ajax（{type:'POST'，cache:false，url:'page2.php'，data:{id:'somedata'}，
成功：功能（数据）{
$（'#content'）.html（data.find（'#content'）.html（））；
}
})
.错误（函数（）{
$（“#content”）.html（“发出AJAX请求时出错””；
});

这是page1的代码，它通过Ajax调用page2.php。我还将发布page2.php的内容。如果没有看到page2.php的内容，很难给出答案。以下是页面：1）在3000毫秒后加载ajax函数。但是正如你所看到的，css和facebook功能没有加载。这是打电话给is时应该看到的样子：我刚刚做了这个屏幕广播来雇佣一些现场帮助。也许这能更好地解释这个问题。请帮忙。同时，我将尝试上面的ajax代码。这是我的javascript。你可以编辑，这样我就可以粘贴到我的代码，并尝试。我不知道如何处理上面的代码..嗯，不。它现在在另一个窗体上加载第二个窗体。“somedata”应该被编辑成somethign吗？在ajax中调用的文件内容中使用php包含是否有一些限制？不，您已经非常接近完成这项工作了。我再次更新了我的答案。

var jqxhr = $.ajax({ type: 'POST', cache: false, url: 'page2.php', data: {id: 'somedata'}, 
    success: function(data) {
        $('#content').html(data.find('#content').html());
    }
})
.error(function() {
    $('#content').html('<p>There was an error making the AJAX request</p>');
});