フォームが自動更新されたページで送信されない

私はPHPでWebアプリケーションを使用しています。このページでは、自動的にリフレッシュするための変数が必要です。したがって、私は別のページにこの処理を入れました - "test.php" - このdivに10秒ごとにロードされます。フォームが自動更新されたページで送信されない

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(function() 
{ 
$('#refresh').load('test.php').fadeIn("slow"); 
}, 10000); 
</script> 
</head> 
<body> 
<div id="refresh"> 
</div> 
</body></html>

問題は、このページにはクリックすると値を送信せず、処理が行われるという問題があることです。自動リフレッシュコードがなければ、正常に動作します。どのように私はこの問題を克服するのですか？

test.phpを、このフォームが含まれています

<form action="count.php" method="post"> 
<?php 

$votes = getVoteCount($popular[$i][1]); 

$voted=checkVoted($screenName,$id);?> 

<td><img src="<?php echo $popular[$i][4]; ?>" width=60></td> 
<td align="center"><CITE><?php echo "@".$username; ?></CITE> 
        <?php echo "<br >".$text. 
           "<br >".$votes." votes |";?> 
    <?php 
    if($screenName!=$username && $voted==false){ 
    ?> 
    <input type="hidden" name="addID" value="<?php echo $id;?>"> 
    <input type="hidden" name="username" value="<?php echo $screenName;?>"> 
    <INPUT TYPE="image" src="images/vote.png" name='vote' ALT="Submit Form" onMouseOver="this.src='images/vote_link.png'" 
    onMouseOut="this.src='images/vote.png'" width="35" height="20" title="Click to Vote!"></form> 
    <?php }else if($voted){ ?> 
    <img src="images/voted.png" width="35" height="20" title="You have already voted"> 
     <?php } else{ 
    echo "<img src='images/authored.png' width='40' height='20'>"; 
    }?>

出典

2012-02-09 codingNewbie

どうやっロードフォームは、あなたが提出するために使用しているか？ –

のように見える？Javascriptを、フォーム...？ – PFY

@Muhammad：test.phpページのフォームタグに追加しました – codingNewbie

あなたはもはやあなたが

$("submit-button").click()

または

$("submit-button").submit();

を使用することができますAjaxのリクエストでページをリロードしているのでjqueryのライブ、デリゲート、またはonのいずれかを使用してこれを行う必要があります。（ライブこれを行うための推奨される方法はなくなりました。

$("body").on("click", "submit-button", function() 
{ 
    //execute code here 
});

または

$("body").on("submit", "submit-form", function() 
{ 
    //execute code here 
});

出典

2012-02-11 15:57:28

フォームが自動更新されたページで送信されない

答えて

関連する問題