0

私はjqueryでフォームを送信しようとしましたが、うまくいきません。コードをここに入れます。このコードでは、スクリプトをjqueryに入れ、HTMLコードを使用してこの単純なフォームを送信します。

Jクエリスクリプト

<script>
jQuery(document).ready(function() {

var data = jQuery('#form1').serialize(); 
jQuery.ajax({
data: data,
cache: false,
url: '<?php echo $PHP_SELF;?>',
type: 'POST',
async:false,  
success: function() 
{
jQuery("#okok").show(); 
};

});

});

</script>

HTML CODE

<div id="okok" style="display:none;"></div>


<form id="form1" name="form1" method="post" action="" onsubmit="return false;">
<p>
<input type="text" name="title" id="textfield" class="cp_input_asesor"/>
</p>


<input type="submit" name="button" class="cp_submit_asesor" value="Send" />
</p>
</form>

よろしくお願いします!!!

4

1 に答える 1

1

フォームで送信イベントが発生したときに、コードは ajax リクエストを起動する必要があります。#form1ajax リクエストの送信時に送信イベントのイベント ハンドラーを指定します。現在、ページが読み込まれ、フォームが空である可能性が高いときに ajax リクエストが設定されます。

jQuery(document).ready(function() {
    $("#form1").submit(function(e){
        e.preventDefault();
        var data = jQuery('#form1').serialize(); 
        jQuery.ajax({
            data: data,
            cache: false,
            url: '<?php echo $PHP_SELF;?>',
            type: 'POST',
            async:false,  
            success: function(){
               jQuery("#okok").show(); 
            }
         });
    });
});
于 2013-08-31T20:44:22.713 に答える