Question

我试图在单击时创建代码，以更新PHP中的内容，刷新div框并显示通知消息框。

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';
}
}
?>

错误是：

刷新框中的内容消失
我需要在1和2中显示刷新和通知消息框，因为它将有更多的行
未将通知框消息用作https://notifyjs.jpillora.com/

我非常感谢您为构建和修复此代码提供的帮助。

谢谢。

onclick链接使用php刷新div框更新内容并显示通知消息框

0 个答案: