通过javascript发表表格?

时间:2016-02-26 07:43:47

标签: javascript php jquery forms

我正在开发我的第一个php项目,我似乎已经打了一英里,我正试图让我的表单通过javascript发布,以便网页不必刷新,但我看不到它得到它工作,任何帮助赞赏:))

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function say(){
var theusername = $("#message").val();
    $.post("q3/say.php", {
    message: message,
    }
    {
        return false;
    }
}
</script>
<form><input type="text" name="message"><input type=BUTTON value="Submit" onClick="say()"></form>

1 个答案:

答案 0 :(得分:0)

好像你没有正确关闭大括号,因为你已经在表单上使用type="button",所以不需要返回false。见下面的代码:

function say(){
  
    var theusername = $("#message").val();
  
    $.post("q3/say.php", { message: theusername }, function ( data ) {
       // populate data here
    });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" name="message">
  <input type=BUTTON value="Submit" onClick="say()">
</form>

您可能需要阅读此POST。回调函数是可选的,以防您在请求后填充或执行某些操作