如何通过点击ajax无刷新增加下一条数据？

其实这个很简单，大概的思路是分两部分 *** 作，一部分是拼接Html，用Dom插入到现有的Html中，造成无刷新插入数据的效果，另一部分就是在提交的时候，同时将这些新增的数据，一同接交到服务器，服务器接收到相关参数，就可以向数据库插入数据了。

推荐使用Jquery封装好的Ajax，很好用。

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'))

?>

---