近期项目知识点总结之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>

<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>

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];
}
4.后台cs中的selectKpbm也很简单。

//这个方法头一定要加哦，而且要用public的静态方法，因为此方法在前台需要调用。

[WebMethod]

public static string[] SelectKPBM(string str1)

写到这里大体方法也说完了，这也就是AJAX最简单的使用了，也许能给新手起敲门的作用，说来我也是新手，大家共同学习！！