onclick链接更新内容与php刷新div框和显示通知消息框

I am trying to create a code on click update the content in PHP, refresh the div box and show the notification message box.

file.html

<html>
<title>Submit Form without Page Refresh - PHP/jQuery - TecAdmin.net</title>

<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="https://rawgit.com/notifyjs/notifyjs/master/dist/notify.js"></script>
    <link href="//fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700,800" rel="stylesheet" type="text/css">

<script type="text/javascript">
    function SubmitFormData(cid) {
//        var id = $("#name").val();
        $.post("data.php?action=update", { id: cid },
            function (data) {
                $('#results').html(data);
                // $('#myForm')[0].reset();
                $(".results").notify("Updated " + cid);
            });
    }
</script>

</head>

<body>
    <a href="" onclick="SubmitFormData(1);">1</a>
    <a href="" onclick="SubmitFormData(2);">2</a>
    <br />
    ==============================
    <br />
    <div id="results1">
        <!-- All data will display here  -->
    </div>
    <div id="results2">
        <!-- All data will display here  -->
    </div>
</body>

</html>

data.php

<?php
if ($_GET['action'] == 'update'){
if ($_POST['id']){
    echo 'Updated: ' . $_POST['id'];
    echo ' post';
}else{
    echo 'Updated: ' . $_GET['id'];
    echo ' get';
}
}
?>

The bugs are:

  • The content in the refresh box disappears
  • The refresh and notification message box I need to show in 1 and 2 because will have more rows
  • Is not working the notification box message as the https://notifyjs.jpillora.com/

I really appreciate any help to build and fix this code.

Thank you.