用Jquery访问Handler.ashx并返回Json

Default.html前台页面代码
http://www.w3.org/1999/xhtml
" >

    无标题页
   


    $(document).ready(function (){
        $("#btnOK").click(function (){
            $.getJSON(
                "Handler.ashx",
                {},
                function(json){
                    $("#list").append("

  • id:"+json.EmployeeId+"|Name:"+json.EmployeeName+"|年龄:"+json.EmployeeInfo[0]+"|身高:"+json.EmployeeInfo[1]+"|体重:"+json.EmployeeInfo[2]+"
  • ");
                    }
                )
            })
        })


       
       

             
         




    ---------------------
    Handler.ashx服务器端处理请求的代码
    <%@ WebHandler Language="C#" Class="Handler" %>

    using System;
    using System.Web;
    using System.Web.UI.HtmlControls;
    using System.Runtime.Serialization;
    using Newtonsoft.Json;

    public class Handler : IHttpHandler {
       
        public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/plain";
            context.Response.Write(ReturnResult()); 
        }

        public string ReturnResult() {
            Employee employee = new Employee();
            employee.EmployeeId = 1;
            employee.EmployeeName = "yang";
            employee.EmployeeInfo = "25,170cm,55kg".Split(',');
            string jsonstr = JavaScriptConvert.SerializeObject(employee);
            return jsonstr;
        }
        public bool IsReusable {
            get {
                return false;
            }
        }

        class Employee
        {
            public int EmployeeId;
            public string EmployeeName;
            private string[] employeeInfo;
            public string[] EmployeeInfo
            {
                get { return employeeInfo; }
                set { employeeInfo = value; }
            }
        }
    }

    你可能感兴趣的:(jquery专题整理)