Question

我有一个带有提交按钮的消息框，当我单击提交按钮时，框中的内容应该插入到MYSQL数据库中，但不能转到另一个页面。我刚刚在消息框中输入的消息应在提交后显示在同一页面中。我该怎么办？

Answer 1

使用名为AJAX的东西..

假设这是您的代码：

<form id="myform" action="something" <!--Add this part-->onsubmit='return sendData()'<!--End of added part-->>

Enter Message <textarea name="msg" id="msg"></textarea>
<input type="submit" value="submit" />
</form>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
function sendData(){
var msgVal = $("#msg").val();

$.ajax({
    data:"msg="+escape(msg),
    url: $("#myform").attr("action"),
    type: $("#myform").attr("method"),
    success:function(){
        alert( $("#msg").val() );
    }
});

return false;

}
</script>

Answer 2

<script type="text/javascript">
function postData() {
var order = 'name='+$('#textBoxId').val();
$.post("Another_PHP_Page_Path.php", order,  function(response,status, xhr){
        if (status == "success") {
            alert(response);
            $('#divId').text(response);
        }
        else if (status == "error") {
            alert('Something went wrong, we are working to fix it'); 
        }                   
});
}
</script>

注意：名称将发布到PHP页面，并且在进入数据库后，您可以在php页面或echo名称上回显任何内容，并且在响应时，这将显示在同一页面上。按钮onclick上使用postData（），按钮类型应该是按钮不提交。

如何在不转到其他页面的情况下显示内容

2 个答案: