Question

我的代码有问题我有一个PHP代码，从DB获取内容我想在一个div中加载这个内容＆＃34; link＆＃34;没有刷新页面的类

此代码

<?
include('config.php');
$rs = mysql_query("SELECT *
FROM `database` order by desc limit 1");
while($rw = mysql_fetch_assoc($rs))
    $id = $rw['id'];


$title = $rw['title'];

?>

<div class="link">
<?
echo $title;
?>

</div>

其中一位成员向我提供此代码并告诉我＆＃34;您网页的脚本：＆＃34;

{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtData").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "getData.php?q=" + str, true);
    xmlhttp.send();
}

和＆＃34;然后您需要创建一个getData.php文件，在您的问题中执行数据执行并将其调整为在txtData控件中转储的ajax调用（或者您希望数据进入的其他位置）。）＆＃34;

现在我的问题是：我只知道css和php，并且不了解上面的代码。

请给我一个完整的代码和脚本

Answer 1

将AJAX代码放在一个函数中，如果要将PHP中的数据加载到带有 link 类的标记中，请调用HTML页面中的函数：

div

快速解释......

function loadData(){ var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("txtData").innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET", "getData.php?q=" + str, true); xmlhttp.send(); }创建一个javascript 对象来执行AJAX数据交易

var xmlhttp = new XMLHttpRequest();告诉网页xmlhttp.onreadystatechange =...事件发生时要执行的功能

onreadystatechange这会通过 GET 方法将所有信息设置为后台发送到 getData.php

xmlhttp.open("GET", "getData.php?q=" + str, true);执行请求

xmlhttp.send();是从PHP页面收到响应时xmlhttp.readyState == 4 && xmlhttp.status == 200对象的状态

xmlhttp获取document.getElementById("txtData").innerHTML = xmlhttp.responseText;中提供的响应数据，并将元素设置为ID xmlhttp.responseText

我希望这会有所帮助：）

从数据库获取内容而不刷新页面完整脚本

1 个答案: