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

时间:2012-02-20 01:03:40

标签: php mysql

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

2 个答案:

答案 0 :(得分:4)

使用名为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>

答案 1 :(得分:1)

<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(),按钮类型应该是按钮不提交。