Question

我有这个客户列表页面

当我点击该咨询页面时，它会将我带到客户端仪表板页面

在该页面上，我想使用Ajax在用户点击导航时获取数据，就像用户点击人口统计信息进行Ajax调用一样，并且应该显示该人的人口统计数据。

这是Ajax

 $(document).ready(function(){

        var pid = $("#id").val();

        function load_page_details(){

            $.ajax({
                url : "dashboard_data.php",
                method: "POST",
                data:{pid:pid},
                success: function(data) {

                    $("#client_info").html(data);
                }

            }); // ends ajax call

        } // ends load page details function



        $(".data li").click(function(){

            var page_id = $(this).attr("id");
            load_page_details(page_id);
        });

因此，在dashboard_data.php上，我使用点击咨询按钮时提供的ID从不同的表中获取记录，当我点击人口统计数据时，如何点击从该表中获取的显示人口统计数据，以及点击约会时如何使我的应用程序它应该显示来自约会表等的信息。这是仪表板页面上的导航

<div class="nav nav-pills nav-stacked data">
                        <li class="active"><a href="#"><h4>Client Data</h4></a></li>

                                <li id="1"><a href="#"> Demographics </a></li>
                                <li id="2"><a href="#">Appointments</a></li>
                                <li id="3"><a href="#">Vitals</a></li>
                                <li id="4"><a href="#">Work Out Plan</a></li>
                                <li id="5"><a href="#">Lipogram Results</a></li>
                                <li id="6"><a href="#">Diet Plan</a></li>

                     </div>

Answer 1

将pid传递给您的函数，删除全局变量

function load_page_details(pid) {

如何在导航上使用AJAX获取和显示数据

1 个答案: