javascript - 用编辑表单替换视图数据

Question

基本剖面图来自index.cs.asp?Process=ViewB_Profile.
当用户单击 时<a href="index.cs.asp?Process=EditB_Profile">edit profile</a>，将打开对话框以编辑基本配置文件。
但我希望编辑表单替换基本的个人资料视图数据。
我该怎么做，有插件吗？

非常感谢你！

编辑！

<script type="text/javascript">
$(document).ready(function() { 
    $(function V_Basic_Profile() {
        $.ajax({
            type: "GET",
            url: "content/profile/index.cs.asp?Process=ViewB_Profile",
            success: function(data) {
                $("#B_Profile").append(data);
            },
            error: function (data) {
                $("#B_Profile").append('.');
            }
        });
    });
    $(function E_Basic_Profile() {
        $.ajax({
            type: "GET",
            url: "content/profile/index.cs.asp?Process=ViewB_Profile",
            success: function(data) {
                $("#B_Profile").append(data);
            },
            error: function (data) {
                $("#B_Profile").append('.');
            }
        });
    });
    });

Answer 1

在 jQuery 中切换两个不同的 div 相当简单：

<div id="profile">
...
</div>
<form id="profileForm">
...
</form>

<script>
// ...
success: {
    $('#profileForm').html(data).show();
    $('#profile').hide();
}
// ...
</script>

编辑：试试这个

<div id="profile_view">Loading...</div>
<div id="profile_form" style="display:none; ">Loading...</div>

<a href="javascript:loadProfileForm()">Edit Profile</a>

<script>
function loadProfileView()
{
    $.get("content/profile/index.cs.asp?Process=ViewB_Profile", function(html) {
        $('#profile_view').html(html).show();
        $('#profile_form').hide();
    });
}
function loadProfileForm()
{
    $.get("content/profile/index.cs.asp?Process=EditB_Profile", function(html) {
        $('#profile_form').html(html).show();
        $('#profile_view').hide();
    });
}
$(loadProfileView);
</script>