在Ajax中找不到页面(404)

时间:2018-08-19 05:58:06

标签: javascript html ajax

我想在ajax中进行WEB页面移动屏幕转换。 我在one.html

中写过
<html>
<head>
    <meta charset="UTF-8">
    <title>Top</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="jquery.pjax.js"></script>
</head>

<script type="text/javascript">
   $(function() {
    $.pjax({
        area: '#main'
    });
    $(document).bind('pjax:render', function() {
        $('#main').attr({
            'class': 'fadeInUp'
        });
    });
    });
</script>

<body>
<p>
name
</p>
<input type="text" name="name" size="10">

<p class="button"><a href="two.html">Next</a></p>
</body>
</html>

in two.html

<p>
age
</p>
<input type="text" size="10">

<p class="button"><a href="three.html">Next</a></p>

但是当我在“ one.html”中放置“下一步”按钮时,找不到页面(404) 请求网址:http://127.0.0.1:8000/app/two.html发生错误。 我不明白为什么会发生这种错误。我的代码有什么问题?应该如何解决?

1 个答案:

答案 0 :(得分:1)

http://127.0.0.1:8000/app/two.html

因此您可以设置链接的打击:

<p class="button"><a href="app/two.html">Next</a></p>