1

フォームの下に送信した後にデータを表示する方法を知っている人はいますか? データを保存するためにその関数の下のようなコードがありますが、データを保存した後、フォームの下に表示されます。フェイスブックの投稿ウォールのように思います。

<script type="text/javascript" >
$(function() {
   $(".submit").click(function() {
        var name = $("#name").val();
        var username = $("#username").val();
        var password = $("#password").val();
        var gender = $("#gender").val();
        var dataString = 'name='+ name + '&username=' + username + '&password=' + password + '&gender=' + gender;

        if(name=='' || username=='' || password=='' || gender=='')
        {
            $('.success').fadeOut(200).hide();
            $('.error').fadeOut(200).show();
        }
        else
        {
           $.ajax({
               type: "POST",
               url: "result.php",
               data: dataString,
               success: function(){
                  $('.success').fadeIn(200).show();
                  $('.error').fadeOut(200).hide();
               }
            });
         }
return false;
});


});
    </script>
4

1 に答える 1

0

ajax リクエストが成功した後、指定した HTML 要素 (div、span など) にレスポンスを追加するだけです。

    $.ajax({
           type: "POST",
           url: "result.php",
           data: dataString,
           success: function(response){

              $('.success').fadeIn(200).show();
              $('#response').append(response);
              $('.error').fadeOut(200).hide();
           }
        });

応答は、指定した HTML 要素に追加されます。

于 2012-07-25T09:47:00.293 に答える