AJAX和/或JQUERY表單POST？

Question

嗨大師網絡編程， 在這裏我帶着另一個愚蠢的問題，希望有人會回答我。我並不擅長AJAX編程，但由於某些情況，我必須構建一個完全不可刷新的站點。 接下來的問題是如何使這個表單發送請求並返回結果，而無需重新加載當前頁面？

<?PHP 

function mobio_checkcode($servID, $code, $debug=0) { 

    $res_lines = file("http://www.mobio.bg/code/checkcode.php?servID=$servID&code=$code"); 

    $ret = 0; 
    if($res_lines) { 

     if(strstr("PAYBG=OK", $res_lines[0])) { 
      $ret = 1; 
     }else{ 
      if($debug) 
       echo $line."\n"; 
     } 
    }else{ 
     if($debug) 
      echo "Unable to connect to mobio.bg server.\n"; 
     $ret = 0; 
    } 

    return $ret; 
} 


$servID = 29; 
$code = $_REQUEST["code"]; 
$ok = $_REQUEST["ok"]; 

if($ok) { 
    if(mobio_checkcode($servID, $code, 0) == 1) { 
     echo "The SMS code is correct!"; 
    }else{ 
     echo "Wrong SMS code."; 
    } 
}else{ 
?> 



<form method="post" name="smscode"> 
SMS code: <input type="text" size="20" name="code"/> 
<input type="submit" name="ok" value=" Submit "/> 
</form> 
<?PHP } ?> 

此表格發送驗證SMS代碼的請求。這是這項服務的提供者給我的。但它是簡單的PHP文件。我將它包含在我的不可刷新網站中，但當按SUBMIT按鈕時，它會刷新整個當前頁面，然後顯示預定義的回顯。

Answer 1

所有解決方案都沒有我的情況下工作。他們要麼不張貼到服務器或我不能讓他們顯示來自服務器的應答，這正如你可能看到的是同一個文件

if($ok) { 
    if(mobio_checkcode($servID, $code, 0) == 1) { 
     echo "The SMS code is correct!"; 
    }else{ 
     echo "Wrong SMS code."; 
    } 

所以在這種情況下，內部的任何人都可以告訴我怎麼才重裝包含此文件的div包含在SUBMIT按鈕上單擊？ 或任何其他解決方案將受到歡迎...

Answer 2

這對我幫助很大，當我開始做一些ajaxing：

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

Answer 3

而不是提交使用簡單的按鈕和綁定AJAX事件給它。這是一個粗略的例子。

$(document).ready(function(){ 
     $("#btnId").click(function(){ 
     $.ajax({ 
      type: "GET", 
      url: "test.js", 
      dataType: "script" 
     }); 

     }); 
    }); 

Answer 4

聽起來像你需要jquery form plugin。

它會給你你所描述的行爲。

$(document).ready(function() { 
    var options = { 
     // other options left out 
     success:  showResponse // post-submit callback 
    }; 
    $('#myForm1').ajaxForm(options); 
}); 


// post-submit callback 
function showResponse(responseText, statusText) { 
    alert('response: ' + responseText); 
}