无刷新小例子

LinaTestNoRefresh2.aspx

<script src="../js/jquery-vsdoc.js" type="text/javascript"></script>

 

    <script type="text/javascript">

function GetAddressById() {

            $.ajax({

                type: "GET",

                url: "GetLinaTestRefresh2.aspx",

                cache: false,

                dataType: "html",

                success: function(msg) {

                    document.getElementById("GetAddressById").innerHTML = msg;

                }

            });

        }

        window.onload = function() {

            GetAddressById()

        }

 

    </script>

<html xmlns="http://www.w3.org/1999/xhtml">

<body>

    <form id="form1" runat="server">

    <div id="GetAddressById">

    </div>

   </form>

</body>

</html>

 

 

GetLinaTestRefresh2.aspx

public partial class tw_xpos_test_GetLinaTestRefresh2 : System.Web.UI.Page

{

    protected string strConn_refer = Xpos.Common.CommVar.ConnectionRefer;

    protected void Page_Load(object sender, EventArgs e)

    {

        ///根據Id獲取其他信息

        string sql = "select top 5  addr_road  from ref_addr3";

        DataTable dt = Xpos.DAL.Machining.ShowMsg(sql, strConn_refer);

        StringBuilder sb = new StringBuilder();

        if (dt != null && dt.Rows.Count > 0)

        {

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                sb.Append("<ul><li>街道:<span><a href='javascript:void(0)'>" + dt.Rows[i]["addr_road"].ToString() + "</a></span></li></ul>");

            }

            Response.Write(sb.ToString());

        }

    }

}

 

你可能感兴趣的:(例子)