近期项目知识点总结之AJAX实用联动实例-(文1)

关于联动,在.net中的web项目中经常有人会使用AutoPostBack="true",然后通过触发事件来达到效果。近期的项目中由于设计要求,采用无刷新效果,ajax起到至关重要的角色。

以下采用下拉框的联动效果说明使用方法:

1.本人采用MS提供的AjaxControlToolkit。引用操作就不详述了,如有需要写出请留言吧!

2.用到的控件有

<asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" ScriptMode="Release">
        
</asp:ScriptManager>

3.前台HTML代码中和javascript来触发联动很相似

/*此处脚本方法很象c#中的委托*/
<script type="text/javascript">
      
function selectKpbm(value)
        
{
            PageMethods.SelectKPBM(value,settext);
//此方法来调用c# behind cs中的方法
        }

  
/*此方法的作用就是根据下拉框的参数,在.cs的SelectKPBM方法中根据下拉框的值,通过运算或者是和数据库交互返回1个数组,至于功能根据各位要求可以随便灵活变通*/  
        
function settext(result)
        
{
            
var ret = document.getElementById( result[2]);
            
var retFzid = document.getElementById( result[3]);
            ret.value 
= result[0];
            retFzid.value 
= result[1]; 
        }

</script>

<asp:DropDownList CssClass="dpd_style" ID="DropDownListKPBM" Width="98%" runat="server"
  TabIndex
="3" onchange="selectKpbm(this.options[this.selectedIndex].value+',TextBoxFZ,TextBoxFZID')">

<asp:TextBox ID="TextBoxFZ" runat="server" MaxLength="10" CssClass="input1" Enabled="false"
                                    Width
="95%"></asp:TextBox>

<asp:TextBox ID="TextBoxFZID" runat="server" MaxLength="10" CssClass="input1"
                                    Width
="95%"></asp:TextBox>


4.后台cs中的selectKpbm也很简单。

//这个方法头一定要加哦,而且要用public的静态方法,因为此方法在前台需要调用。
        [WebMethod]
        
public static string[] SelectKPBM(string str1)
        
{
            

        }



写到这里大体方法也说完了,这也就是AJAX最简单的使用了,也许能给新手起敲门的作用,说来我也是新手,大家共同学习!!
posted @ 2008-05-19 10:59  憋大招的cat  阅读(316)  评论(0)    收藏  举报