结合asp使用JQuery框架下的Ajax实例

最新推荐文章于 2017-08-14 14:37:30 发布

原创最新推荐文章于 2017-08-14 14:37:30 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的示例，展示如何使用Ajax技术结合jQuery库动态地从服务器请求数据并更新网页上的下拉列表框内容。通过点击按钮触发Ajax请求，向服务器发送GET请求获取班级信息，并将返回的数据填充到指定的HTML元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS+html代码如下：

    <script type="text/javascript" src="../Scripts/jquery-1.11.1.js"></script>
    <script type="text/javascript">
    <!--
    $(function(){
        $('#send').click(function(){
             $.ajax({
                 type: "GET",
                 url: "Ajax/getClass.asp",
                 data: "depid=6",
                 dataType: "text",
                 success: function(data){
                             $('#resText').empty();   //清空resText里面的所有内容
                             var html = data;
                             $('#resText').html(html);
                          }
             });
        });
    });
    //-->
    </script>


    <div id="resText"><h2>Let AJAX change this text</h2></div>
    <button id="send" type="button">Change Content</button>

GET方式传递text类型的变量，多个变量以“&”分割

getClass.asp代码如下：

    <!-- #include file="../../inc/conn.asp" -->
    <%
    sql="SELECT * from classinfo where depid="&request("depid")&" and flag=1"
    set rs = Server.CreateObject("ADODB.recordset")
    rs.Open sql, conn
    'response.write sql
    Response.CharSet = "GB2312"
    If Not rs.eof Then
    %>
    班级: <select name="listClass" id="listClass">
                                    <option value="0">--请选择--</option>                                                
    <%
    do while not rs.eof
    %>
            <option value="<%=rs("id")%>"><%=rs("class")%></option>
    <%
            rs.movenext
    loop
    %>
    </select>
    <%
    Else
    %>
    班级: <select name="listClass" id="listClass">
                                    <option value="0">--请选择--</option>                                                
                                    </select>
    <%
    End If
    rs.close
    set rs = nothing
    conn.close
    set conn = nothing
    %>