Question

我的问题是关于jQuery的表单，通常页面使用带有jQuery的表单需要调用其他页面来发送表单或verificate相同而不重新加载页面。

我的问题：是否可以在同一页面中使用带有表单的jQuery，而不需要调用其他表单以便正常工作？

例如，如果我在php和html中有这个简单的表单：

PHP代码

<div id="request">
    <?php 
        if ($_REQUEST[ 'send']=="ok" ) { 
            if ($_REQUEST[ 'username']=="" ) { 
                print "bad field"; 
            } else { 
                print "Form send ok"; 
            } 
        } 
    ?>
</div>

HTML CODE

<form id="forma" name="form" method="post" action="?">
    <input type="text" name="username" id="textfield" />
    <input type="submit" name="button" id="button" value="Send Message" />
    <input type="hidden" name="send" id="ok">
</form>

如何从同一页面发送此表单，而不使用jQuery调用其他页面或外部页面，可以在同一页面内进行处理并使用jquery进行无重新加载？

我不知道很多关于表单的jQuery，如果有可能在此之后添加代码创建更多的东西

感谢您的帮助

Answer 1

是的，您可以使用ajax（异步javascript）来执行此操作

$.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

请根据需要使用documentation。

Answer 2

您尝试使用此代码。

在js文件中。

var username = $('input[name="username"]').val();
var send = $('input[name="send"]').val();
$.post("somePHP.php", {name : username, send: send}, function(response){
// your code..
})

在somePHP.php中

<?php 
        if(isset($_POST['send']) && isset($_POST['username']){
           if ($_POST['send']=="ok" ) { 
            if ($_POST[ 'username']=="" ) { 
                print "bad field"; 
            } else { 
                print "Form send ok"; 
            } 
           } 
        }

    ?>

Jquery表单在同一页面中

2 个答案: