近期项目知识点总结之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最简单的使用了,也许能给新手起敲门的作用,说来我也是新手,大家共同学习!!
以下采用下拉框的联动效果说明使用方法:
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>//这个方法头一定要加哦,而且要用public的静态方法,因为此方法在前台需要调用。
[WebMethod]
public static string[] SelectKPBM(string str1)
{

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

浙公网安备 33010602011771号