使用php重新加载内容 - javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。

源代码:

 <!DOCTYPE html>
<html>
<head>

<title>Hot King Staff</title>
<meta charset="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="tagi"  />
<meta name="Author" content="Filip Jóźwiak" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquB895.js"></script>



</head>
<body>

<div id="cialo">
<?php include('header.php'); ?> 
<?php include('menu.php'); ?>


</div>


<div id="content">

<?php
         $id = isset($_GET['id']) ? $_GET['id'] : '';
         switch($id)
{
              case '':
                     include 'content/news.php';
              break;

              case '2':
                     include 'content/dogs.php';
              break;

              case '3':
                     include 'content/training.php';
              break;

              case '4':
                     include 'content/links.php';
              break;

              case '5':
                     include 'content/contact.php';
              break;

             default:
                     echo 'Taka strona nie istnieje';
              break;
       }
?>




</div>
</body>
</html>

这是我的menu.php的代码

  <!doctype html>
<html>
<head>
<meta charset="utf-8">

    </head>
    <body>

    <a href="index.php"><div id="news"></div></a>
    <a href="index.php?id=2"><div id="dogs"></div></a>
    <a href="index.php?id=3"><div id="training"></div></a>
    <a href="index.php?id=4"><div id="links"></div></a>
    <a href="index.php?id=5"><div id="contact"></div></a>
    </body>
    </html>

您能帮助我吗,谢谢您的回复。

参考方案

第一:
您包括我们的菜单,为什么要设置:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

</head>
<body>

<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>
</body>
</html>

???如果您想包含此内容,则不只包含菜单:

<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>

如果您想更改网站的特定部分而无需完全刷新,则可以使用jQuery。

在您的主页中添加此jquery,但请注意,在使用jquery之前,您需要将其包含在网站中

$.ajax({
    url: '/pages.php?page=dogs
    success: function(data) {
        $('#content').innerHTML(data);
    }
});

现在创建一个pages.php

<?php
    if($_SERVER['REQUEST_METHOD'] == 'GET') {
        if (isset($_GET['page'])) {
            $page = $_GET['page'];

            switch($page)
            {
                case 'dogs':
                    echo 'dogs';
                    break;
                case 'cats':
                    echo 'cats';
                    break;
                default:
                    echo 'Taka strona nie istnieje';
                    break;
            }
        }
    }
?>

而且不要忘了像这样在您的主页中添加内容div

<div id="content"></div>

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

尽管刷新,jQuery格式仍未应用于Ajax数据 - javascript

我正在通过GET响应消息从服务器(php文件)的可折叠内部加载列表视图。但是,尽管刷新了jQuery元素,但jQuery格式并未应用于添加的HTML。我的页面在这里:http://i.cs.hku.hk/~hsbashir/Project_Work/events/events.htmlHTML代码(仅相关代码)<script> lastRecor…

JavaScript处理期间数组内部的数组 - javascript

我正在尝试使用Ajax处理表单,并且在处理复选框时遇到了问题。我以为我可以在数组中做一个数组,将选中的框添加到数据对象中,但这似乎不起作用。它不会显示为控制台中对象的一部分或类似内容。我尝试了一些变化,但没有任何效果。这是当前的样子:var formData = { 'fname' : $('input[name=fname]&…

将简单的javascript代码转换为c# - javascript

昨天我在这里问了一个问题。使用javascript和html解决方案很简单前一阵子我打算什么是操纵html来执行javascript中的任务但是我改变了主意,将javascript代码重写为c#这是输入<Abstract> <Heading>Abstract</Heading> <Para TextBreak=�…

如果复选框切换复选框已选中,则在切换div中输入必填字段 - javascript

我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div,我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗?那是工作吗?function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…