0

JQuery と AJAX を使用して送信元を送信および処理しています。ユーザーがいいねボタンをクリックすると、AJAX を介して情報が like.php ファイルに送信されます。like.php ファイルはリクエストを処理し、「いいね」ボタンの html も作成します。My Success 関数は、いいねボタンの html を取得し、いいねボタンを新しい似ていないボタンに置​​き換えます。ただし、いいねボタンを AJAX と JQuery に置き換えると、いいねボタンの構造がなくなります。私は何が間違っているのでしょうか？

JQuery と AJAX:

$(document).ready(function() {
    $(".like-form").submit(function() {

        var dataString = $(this).serialize();
        var $this = $(this);
        $.ajax({  
            type: "POST",  
            url: "like.php",  
            data: dataString,
            success: function(html) {
                $this.replaceWith(html);
            }
        }); 

        return false; 

    });
});

原形：

<form class="like-form" method="post" action="">
    <div class="post-button">
        <button type="submit" type="submit" name="like"  
        class="like-button"/><p> Like </p></button>
    </div>
</form>

Like.php:

// Code to process the form

//This replaces the original form on submit
<form class="like-form" method="post" action="">
    <div class="post-button">
        <button type="submit" type="submit" name="unlike"  
        class="like-button"/><p> Unlike </p></button>
    </div>
</form>
4

1 に答える 1

0

おそらくこれは、似ている場合と似ていない場合の両方で適切な HTML ではありません。

<form class="like-form" method="post" action="">
    <div class="post-button">
        <button type="submit" name="Unlike" class="like-button"/>
<!-- two "type="
          closed with /> and an additional </button> at the end
-->
    </div>
</form>

でコンテンツを変更してみてください$this.html(html);

于 2013-07-08T18:05:31.790 に答える