Javascript PHP/JQuery-仅当在列表中的用户中单击时加载数据_Javascript_Php_Jquery_Load

Javascript PHP/JQuery-仅当在列表中的用户中单击时加载数据

javascript php jquery

Javascript PHP/JQuery-仅当在列表中的用户中单击时加载数据,javascript,php,jquery,load,Javascript,Php,Jquery,Load,嘿，我正在制作一个包含在线用户的页面中的消息系统，现在我只想在点击页面加载中没有的用户时加载旧消息，这样连接就不会变慢。有什么帮助吗？谢谢您可以通过Ajax请求来实现这一点我给你举个简单的例子您需要两个文件： index.php <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

嘿，我正在制作一个包含在线用户的页面中的消息系统，现在我只想在点击页面加载中没有的用户时加载旧消息，这样连接就不会变慢。有什么帮助吗？

谢谢

您可以通过Ajax请求来实现这一点

我给你举个简单的例子

您需要两个文件：

index.php

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Main Page</title>
</head>
<body>
    <ul>
        <li class="users" id="1">First User</li>
        <li class="users" id="2">Second User</li>
    </ul>

    <div id="result"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $( document ).ready(function() {
            $("li").click(function(event) {
                var user_id = event.target.id;
                $.ajax({
                    type: "POST",
                    url: "request_data.php",
                    data: "id=" + user_id,
                    dataType: "html",
                    success: function(msg)
                    {
                      $("#result").html(msg);
                    },
                    error: function()
                    {
                      alert("Error: ajax call failed.");
                    }
                });
            });
        });
    </script>
</body>
</html>


主页

第一个用户
第二个用户

$（文档）.ready（函数（）{
$（“li”）。单击（函数（事件）{
var user_id=event.target.id；
$.ajax({
类型：“POST”，
url:“request_data.php”，
数据：“id=”+用户id，
数据类型：“html”，
成功：功能（msg）
{
$（“#结果”）.html（msg）；
},
错误：函数（）
{
警报（“错误：ajax调用失败”）；
}
});
});
});

request_data.php

<?php
// Get user id submitted information
$user_id = $_POST["id"];
// here you could make your query to the db and stamp the result
echo "The id of the user is: ".$user_id;
?>

希望能有所帮助。：）

是的，这是可能的。你的问题是什么？你的代码在哪里？到目前为止你试过什么？运行代码时会得到什么结果？请添加所有相关信息。我尝试了iframe src，但它是在页面加载时加载的，而不是在我单击其中一个用户时加载的。请显示您的代码@ŠîdøLãCãrnïché谢谢，这就是我想要的。很高兴能提供帮助。如果答案正确，请单击接受。