j查询动态数据未显示 - jquery dynamic data not getting displayed

jquery dynamic data not getting displayed

本文关键字：显示数据动态查询 | 更新日期: 2023-09-27

index.html

<html>
<head>
    <script type="text/javascript" src = "jquery-1.10.1.js"></script>
    <script type="text/javascript" language = "javascript">
        function swapContent(cv)
        {
            $_("#myDiv").html("Put animated .gif here").show();
            var url= "myphpscript.php";
            $_post(url,{contentVar:cv},function(data){
                $_("#myDiv").html(data).show();
            });
        }

    </script>
</head>
<body>
    <a href = "#" onClick = "return false" onmousedown = "javascript.swapContent('Con1')"> Content1 </a> &nbsp;&bull;&nbsp;
    <a href = "#" onClick = "return false" onmousedown = "javascript.swapContent('Con2')"> Content2 </a> &nbsp;&bull;&nbsp;
    <a href = "#" onClick = "return false" onmousedown = "javascript.swapContent('Con3')"> Content3 </a> &nbsp;&bull;&nbsp;
    <div id = "myDiv"> My Default Content 1</div>
  </body>
</html>

我的脚本.php

<html>
<body>
<?php
    $_contentVar = $_POST['contentVar'];
    if($_contentVar == 'Con1')
    {
        echo ' My Defaut Content';
    }
else if($contentVar == 'Con2')
    {
        echo ' My Defaut Content 2';
    }
else if($contentVar == 'Con3')
    {
        echo ' My Defaut Content 3';
    }
?>
  </body>
</html>

我正在尝试在onmousedown事件完成后显示一些动态内容。我还没有做动画，但只是我想在选择不同的链接时更改所需的divs，但有些似乎不起作用。jQuery 文件已正确加载。

错误

$_contentVar = $_POST['contentVar'];

if( $_contentVar == 'Con1')  //here you are using   $contentVa not  $_contentVar

我不确定你为什么在$_("#myDiv")..中使用 _ 我认为你的 javascript 代码应该是

    function swapContent(cv)
    {
        $("#myDiv").html("Put animated .gif here").show();
        var url= "myphpscript.php";
        $.post(url,{contentVar:cv},function(data){
            $("#myDiv").html(data).show();
        });
    }

我看到的另一个问题是你如何调用函数，它应该是javascript：swapContent('Con1'(而不是javascript.swapContent('Con1'(。您输入了"."而不是"：">

所以链接应该是

<a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con1')"> Content1 </a> &nbsp;&bull;&nbsp;
<a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con2')"> Content2 </a> &nbsp;&bull;&nbsp;
<a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con3')"> Content3 </a> &nbsp;&bull;&nbsp;

您还应该更改 PHP 脚本中的变量名称，我希望您已经知道