javascript功能在更新面板中進行完整回發

Question

我在更新面板中調用以下javascript函數，其中刷新我的頁面儘管它位於更新面板中！

<script type="text/javascript" language="javascript"> 
    function get_emp_num(source, eventArgs) { 
     var txt_emp_num = "<%= txt_RequestEmpNum.ClientID %>"; 
     document.getElementById(txt_emp_num).value = eventArgs.get_value(); 
     __doPostBack("<%=txt_RequestEmpNum.ClientID %>"); 
    } 

    function get_person_num(source, eventArgs) { 
     var txt_person_num = "<%= txt_RequestPersonNum.ClientID %>"; 
     document.getElementById(txt_person_num).value = eventArgs.get_value(); 
     __doPostBack("<%=txt_RequestPersonNum.ClientID %>"); 
    } 

</script> 

---

我不希望這個腳本來改變局部後回我的更新面板的行爲。如何做到這一點？

Answer 1

如果你不想做一個完整的頁面回發，那麼你會想實現一個使用AJAX的解決方案。我會去使用jQuery，因爲它使得使用AJAX更容易一些（在我看來，無論如何）。

Answer 2

什麼是您的回發控件，它是否在更新面板上設置爲異步觸發器？根據您發佈的代碼，我懷疑txt_RequestEmpNum和txt_RequestPersonNum是文本框。這些控件本身不支持回發。你需要的是一個隱藏的按鈕，你的JavaScript將「點擊」發送回發。這樣的事情：

<asp:UpdatePanel ID="UpdatePanel2" runat="server"> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Button1" /> 
    </Triggers> 
    <ContentTemplate> 
     <asp:TextBox ID="txt_RequestEmpNum" runat="server" /> 
     <asp:TextBox ID="txt_RequestPersonNum" runat="server" /> 
    </ContentTemplate> 
</asp:UpdatePanel> 
<div style="display: none;"> 
    <asp:Button id="Button1" runat="server" OnClick="Button1_Click" /> 
</div> 

<script> 
    function get_emp_num(source, eventArgs) { 
     // I am unsure what your intent was with the code here so I removed it 
     __doPostBack("<%=Button1.UniqueID %>", ""); 
    } 

    function get_person_num(source, eventArgs) { 
     // I am unsure what your intent was with the code here so I removed it 
     __doPostBack("<%=Button1.UniqueID %>", ""); 
    } 

    function refresh_using_jquery() { 
     __doPostBack($('#<%=Button1.ClientID %>').attr('name'), ''); 
    } 
</script>