用編輯表格替換查看數據

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>