Question

ajax无刷新将input表单数据提交储存到数据表怎么做？

html页面就一个表单框，已经设了回车提交到php页面。请问回车提交之后如何无刷新存储到数据库。

Answer 1

jquery:

$("button").click(function(){
        var username = $("#username").val();
        $.ajax({
            url:'test.php',
            data:{username:username},
            dataType:'json',
            type:'post',
            success:function(res){
                console.log(res);
            },
            error:function(data,status,errorThrown){
                console.log(errorThrown);
            }
        });
    });

test.php

<?php    
$username = $_POST['usernmae'];    
//TODO save to database        
echo json_encode(array('status'=>1, 'msg'=>'success'));
?>