2011-11-24 261 views
0

是否可以在不刷新頁面的情況下提交此表單。我將如何去設置一個可以做到這一點的jQuery代碼。提交表單不刷新頁面

<?php 
    if(!isset($_POST['sthis'])) 
    { 
?> 
<div id="show"> 
<form method="post" action=""> 
something<input name="sthis" type="text" id="sthis" /> 
<input name="s" type="submit" value="submit" id="submit" /> 
</form> 
</div> 
<?php 
    } 
    else 
    { 
    if(isset($_POST['sthis'])) 
    $sthis = $_POST['sthis']; 
    if(empty($sthis)){echo 'put something in this box';} 
    else echo 'ready'; 
    } 

?> 

回答

1

您需要AJAX爲:

 
$.ajax({ 
    type: "POST", 
    url: "your url here", 
    data: "sthis=someValue", 
    success: function(response) { 
    alert(response); 
    } 
}); 

希望它可以幫助

+0

我會試試這個謝謝 – user836910

+0

我也喜歡使用AJAX,但我不確定這個片段是否提供足夠的內容來攔截提交按鈕,序列化表單中的數據,並向請求發送服務器。 –

1

這是如何使用jQuery:

HTML

<form id="frmSample"> 
... 
</form> 

<div id="divResult"></div> 

JQuery的

$(function(){ 
    $("#frmSample").submit(function(){ 
    //some code here 

    $("#divResult").load("yourPhpCode.php", {variableName: value, variableName1: value}); 
    }); 
}); 

退房the documentation

+0

我會試試這個謝謝 – user836910