Question

正如您在代码中看到的那样，我有一个表单，通过单击＆＃34;编辑＆＃34;字。然后用户输入他的配置文件，通过Ajax提交后，由我将其保存在SQL中的PHP脚本处理。一旦保存，表单就会消失 - 从理论上说 - 我希望将新的配置文件复制回那里。

我的问题是：一旦我有机会页面，如何将其修复到那里？ SQL Update和.ajax运行完美，但当我更改页面并返回此处时，我丢失了div中的内容，用户无法看到他新保存的个人资料链接。

正如您所看到的，我有一个会话变量，其中包含我打印的代码中的个人资料，以便当用户首次访问其帐户时，他会看到他的个人资料。不幸的是，在他保存新的个人资料后，这仍然存在。

如果你能提供帮助，我真的很高兴，现在已经过了几天我已经试图了解这个问题。非常感谢你！

<?php
    session_start();  
    $email = $_SESSION['email'];
?>

<html>
<style>
    #form1{display:none;}
</style>
<head>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function(){
            $(".js-ajax-php-json").submit(function(){
                var data = {"action": "test"};
                data = $(this).serialize() + "&" + $.param(data);
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "tryoutwo.php", 
                    data: data,
                    success: function(data) {
                        $(".the-return").html(data["profile"]);
                    }
                });
                return false;
            });
        });
    </script>
</head>

<body> 
    <div class="container">
        <table>
            <tr>
                <td><p><b>My Facebook profile:</b></td>
                <td>
                    <div class="the-return"></div>
                    <p id="editprofile"><? php print($profile); ?>
                        <form action="return.php" onsubmit="hideform()" class="js-ajax-php-json" method="post" id="form1">
                            <input type="text" name="profile" value=""/> 
                            <input type="submit" name="submit" value="Submit form">
                        </form>
                    </p>
                </td>
                <td><p onclick="return showform()"><a href>Edit</a></p></td>
            </tr>
        </table>
    </div>

    <script>
        function showform() {
            document.getElementById("form1").style.display = 'block';
            document.getElementById("editprofile").innerHTML = "";
            return false;
        }

        function hideform() {
            document.getElementById("form1").style.display = 'none';
            return false;
        }
    </script>
</body>
</html>

Answer 1

这是你应该做的：

HttpConfiguration

和html

GlobalConfiguration

尝试返回返回的Ajax字符串以保持不变，并在页面更改时不会消失

1 个答案: