Jquery AJAX与.NET结合的例子

最新推荐文章于 2024-08-08 17:09:09 发布

沐雪若菲

最新推荐文章于 2024-08-08 17:09:09 发布

阅读量538

点赞数 1

文章标签： ajax jquery .net function list class

本文链接：https://blog.csdn.net/shelleychen008/article/details/6977172

版权

我自己写的一个ajax的例子希望能帮到需要的人，有不好的地方请提出。

前台的web页面。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ajaxList.aspx.cs" Inherits="ExtDemo.ajaxList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.ajax(
             {
                 url: "AJAX/pages.ashx",
                 dataType: "xml",
                 success: function (xml) {
                     var shtml = "<table class=\"style1\"> <tr> <td>id</td><td> name</td><td>sex</td><td>email</td></tr>";
                     $(xml).find("User").each(function () {
                         var $strUser = $(this);
                         shtml += "<tr><td>" + $strUser.find("num").text() + "</td>";
                         shtml += "<td>" + $strUser.find("name").text() + "</td>";
                         shtml += "<td>" + $strUser.find("sex").text() + "</td>";
                         shtml += "<td>" + $strUser.find("email").text() + "</td></tr>";
                     });
                     shtml += "</table>";
                     $("#div1").html(shtml);
                 }
             }
             );
        });
    </script>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1">
        
    </div>
    </form>
</body>
</html>

后台请求数据的代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using ExtDemo.Mode;
using ExtDemo.BLL;
using System.Text;

namespace ExtDemo.AJAX
{
    /// <summary>
    /// pages 的摘要说明
    /// </summary>
    public class pages : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            UserInfoManager um = new UserInfoManager();
            IList<UserInfo> list = um.GetAllUser();
            StringBuilder sb = new StringBuilder();
            /*
            sb.Append("<table class=\"style1\"> <tr> <td>id</td><td> name</td><td>psw</td></tr>");
            for (int i = 0; i < list.Count; i++)
            {
                sb.Append( "<tr><td>" +list[i].id + "</td>");
                sb.Append("<td>"+list[i].UserName+"</td>");
                sb.Append(" <td>" + list[i].PassWord + "</td>");
            }
            sb.Append("</table>");
            context.Response.Write(sb.ToString());
            context.Response.End();*/
            context.Response.ContentType = "text/xml";
            sb.Append("<?xml version=\"1.0\" encoding=\"utf-8\" ?>");
            sb.Append("<Info>");
            sb.Append("<User>");
            sb.Append("<num>1</num>");
            sb.Append("<name>陶国荣</name>");
            sb.Append("<sex>男</sex>");
            sb.Append("<email>tao_guo_rong@163.com</email>");
            sb.Append("</User>");
            sb.Append("</Info>");
            context.Response.Write(sb.ToString());
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

沐雪若菲

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery AJAX与.NET结合的例子

我自己写的一个ajax的例子希望能帮到需要的人，有不好的地方请提出。前台的web页面。 $(document).ready(function () { $.ajax( { url: "AJAX/pages.ashx",
复制链接

扫一扫