0

クエリ文字列からデータを送信し、DIV を追加する単純な AJAX 関数を実行しようとしています。.さまざまな方法を試しましたが、div を更新する方法はありません。更新する場合は NULL を返します。それ以外の場合は、request.php ページに移動します。デフォルトの防止機能をクリック イベントの下に移動すると、何もしません。どんな助けでも大歓迎です!! ティア

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function()
{
    $("#link").click(function(e)
    {

        $.ajax(
                {
                    type    : "GET",
                    url     : "request.php",
                    data    : { id: link.attr('id') },
                    success : function(response)
                    {
                        $("#ajaxresponse    div").fadeOut("fast", function()
                        {
                            $("#ajaxresponse div").remove();
                            $("#ajaxresponse").append($(response).hide().fadeIn());
                        });

                    }
                });

        e.preventDefault();
    });
});

</script>
</head><body>
<h1>
    AJAX with PHP
</h1>
<div class="content">

<a href="request.php?id=1" id="link" data-id="1" >Submit Link</a>

</div>
<div id="ajaxresponse">
    <div>please submit the form</div>
</div>

request.php は次のとおりです。

<?php
$username = $_GET['id'];


echo getTemplate($username);

function getTemplate($username)
{
return '<div class="box">
    <h1>The ID is</h1>
    <div class="meta">username: '.$username.'</div>
</div>';

}

?>
4

1 に答える 1

1

クリックされたリンクの id 値を間違った方法で読み取ろうとしていると思います。これはうまくいくはずです。

$(function()
{
    $("#link").click(function(e)
    {
       var link=$(this);
       e.preventDefault();
        $.ajax(
                {
                    type    : "GET",
                    url     : "request.php",
                    data    : { id: link.attr('id') },
                    success : function(response)
                    {
                        $("#ajaxresponse div").fadeOut("fast", function()
                        {
                            $("#ajaxresponse div").html(response).fadeIn();
                        });

                    }
                });   

    });
});

getメソッド タイプが の jQuery ajax 呼び出しの短いバージョンであるメソッドを使用することもできますGET。

$(function()
{
    $("#link").click(function(e)
    {
       var link=$(this);
       e.preventDefault();
       $.get("request.php?id="+link.attr('id'),function(response){
               $("#ajaxresponse div").fadeOut("fast", function()
               {
                     $("#ajaxresponse div").html(response).fadeIn();
               });   
       });             
    });
});
于 2012-06-18T13:44:41.590 に答える