用ajax(vb.net) 实现dropdownlist二级无刷新联动~！

说说vb.net ajaxpro 实现dropdownlist二级无刷新联动~！

Code
<div class="div_RSL">
<asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="proID" DataTextField="proName"AutoPostBack="false" DataValueField="proID">
</asp:DropDownList>
<asp:SqlDataSource ID="proID" runat="server" ConnectionString="<%$ ConnectionStrings:opperajaxConnectionString %>"SelectCommand="SELECT [proID], [proName] FROM [TB_province] ORDER BY [proID]"></asp:SqlDataSource>
<asp:DropDownList ID="DropDownList2" runat="server">
</asp:DropDownList>
</div>

这里dropdownlist1是服务器控件绑定，很方便~！

Code
function ShowCity(id)
{
     var res= Other_Register2.GetCity(id).value;
     var drop = document.getElementById("<%=DropDownList2.UniqueID %>");
     drop.length=0;
     for(var i=0;i<res.Rows.length;i++)
            {
             drop.options.add(new Option(res.Rows[i].TB_cityName,res.Rows[i].TB_cityID));
            }
}

alert(res)将返回一个[object object]类型

alert(res.rows)将返回一个object类型

alert(res.rows[0].value)将返回一个[object object]类型

如果返回null类型，接收不到datatable数据，则可能是你的ajaxpro.2.dll并不支持datatable输出，建议你下载文章末尾ajaxpro.2.dll附件~！

vb.net写法：

Code
Sub Page_Load() Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not Page.IsPostBack Then
        DropDownList1.Attributes("onchange") = "ShowCity(this.options[selectedIndex].value)"
    End If
AjaxPro.Utility.RegisterTypeForAjax(GetType(Other_Register2))
End Sub

Function GetCity() Function GetCity(ByVal sproid) As DataTable
Dim sqlconnection As New SqlConnection(ShareFunction.GetDBConnectionString())
sqlconnection.Open()
Dim sql As String = "select TB_cityID,TB_cityName from TB_city where proID=" & ShareFunction.SafeRequest(sproid, 1) & ""
Dim dataada As New SqlDataAdapter(sql, sqlconnection)
Dim dt As New DataTable
dataada.Fill(dt)
Return dt
End Function

这里使用dataadapter对象将查询数据存入datatable中~！

ajaxpro.2.dll

转载于:https://www.cnblogs.com/opper/archive/2009/01/09/1372846.html

用ajax(vb.net) 实现dropdownlist二级无刷新联动~！相关推荐

jquery ajax下拉联动,基于jQuery Ajax实现下拉框无刷新联动
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码,供大家参考,具体内容如下 HTML代码: @{ Layout = null; } @using DAL; @using Sys ...
ajax异步实现表单的无刷新验证
在实现ajax异步实现表单的无刷新验证之前我们先要了解什么是异步什么是同步 "同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序 ...
php ajax实现编辑资料,怎么用jQuery、Ajax、php实现这样的无刷新编辑功能？
上面回答的,我没有采纳答案,实在是我水平有限,没有修改好.在php100也同提了这个问题,很快得到解决.下面贴上php100的答案,并附上链接,方便他人. 无标题文档 table{border-col ...
jQuery Ajax实现下拉框无刷新联动
HTML代码: @{Layout = null; }@using DAL; @using System.Data;@{AreaDal areaDal = new AreaDal();string ar ...
ASP.NET DROPDOWNLIST无刷新联动（中文URL参数处理）
请求页的两个下拉框触发事件,在传递参数的时候要把参数escape()一下,如果未对参数进行处理,且你传递的是一个中文参数,那么在服务页接受这个参数的时候就会接受未"乱码"(其实应该 ...
JS实现国家省市三级无刷新联动
<html> <head> <title>级联菜单</title> <meta http-equiv="Content-Type&quo ...
实现DropDownList 无刷新的联动效果
如图: 1.引用ajax.dll http://www.cnblogs.com/ou444/admin/Files.aspx 2.Web.config <httpHandlers> ...
使用ajax和history.pushState无刷新改变页面URL
HTML5里引用了新的API,history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的. 与传统的AJAX的区别传统的ajax有如下的 ...
thinkphp+ajax无刷新分页并加载显示图片
2019独角兽企业重金招聘Python工程师标准>>> 最近自己用thinkphp和bootstrap做一个小站点,在用到ajax与后台数据库交互实现无刷新分页时,因为我需要返回的数 ...

用ajax(vb.net) 实现dropdownlist二级无刷新联动~！

用ajax(vb.net) 实现dropdownlist二级无刷新联动~！相关推荐

最新文章

热门文章