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>

用编辑表单替换视图数据

1 个答案: