AJAX和/或JQUERY表单发布？

Question

Web编程大师，您好，我这里还有一个愚蠢的问题，希望有人能回答我。 我不太擅长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文件。 我将其包含在我的非刷新站点中，但是当我按下“提交”按钮时，它将刷新整个当前页面，然后显示预定义的回显。

Answer 1

而不是使用简单的按钮并向其绑定ajax事件来提交。 这是一个粗略的例子。

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

       });
     }); 

Answer 2

当我开始做一些ajaxing时，这对我很有帮助：

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

Answer 3

听起来您需要jquery表单插件 。

它将使您获得正在描述的行为。

$(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); 
} 

Answer 4

在我看来，所有解决方案均不起作用。 他们要么不发布到服务器，要么我不能让他们显示来自服务器的回复，就像您可能看到的一样，它位于同一文件中

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

因此，在这种情况下，有人可以告诉我如何仅在“提交”按钮上单击时重新加载包含此文件的div吗？ 否则任何其他解决方案都将受到欢迎...