2016-02-26 65 views
0

我正在处理我的第一个php项目,我似乎已经打了一英里,我试图让我的表单通过JavaScript发布,以便网页不必刷新,但我看不到它的工作任何帮助赞赏:)通过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>

+0

它被称为AJAX,并且有很多教程。此外,你需要包括什么不工作/你得到什么错误。 – Epodax

+0

[jQuery Post](http://api.jquery.com/jquery.post/) – Nick

回答

0

好像你还没有正确关闭大括号,也没有必要返回false您已经在表单中使用type="button"。请参见下面的代码:

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。回调函数是可选的,如果你想在请求后填充或做某事

+0

嗨,感谢您的回复,我已经使用了该代码,现在表单正在提交,但变量没有通过通过,如$ message变量,任何想法? – JonnyUK

+0

原因是您的html中没有包含id'#message'的元素。使用这个“' –