asp.net项目进度1：html+ashx+ajax实习动态绑定

近日学习之余，闲来无事；

受上天启发（哈哈）突然想做一个人博客；

业余之时，想把一些特色代码贴于园内；边做边贴。

希望大家根据代码能给予指教；

（注：本人为一块要毕业学生。经验有限 ，代码定有不足及漏洞之处。望大家不吝赐教；）

博客首页思路：

首页即为门面，所以定要将其做的最好。

原本想法只是想以平常方法实现。后来。浏览各大型网站，发现大多网站多以页面静态化。

随即想到静态页面的好处。奈何。本人首页想要时常更新；

想到有前辈以ajax方式做过相似功能

于是想到，何不以 html+ashx+ajax 实现来；

 

现将实现详细代码贴下。望大家给予改进

html 代码

 

 1   < div  id ="bodycontent"  class ="clearfix" >
 2          < div  id ="left"  class ="leftclass" >
 3              < ul >
 4                  < li >
 5                      < div >
 6                          < h2 >文章搜索 </ h2 >
 7                          < input  type ="text"  name ="s"  id ="s"  size ="15"  value =""   />
 8                      </ div >
 9                  </ li >
10                  < li >
11                                           
12                      < h2 >排行榜 </ h2 >     
13                      < ul  id ="category" >
14                
15                      </ ul >
16                     
17                  </ li >
18 
19 
20              </ ul >
21          </ div >

 js代码

 1  // / <reference path="jquery-1.8.2.min.js" />
 2  $(document).ready( function () {
 3 
 4     init();
 5    
 6 })
 7  function init() {
 8     $.post('/ashx/index_ashx.ashx', { name: "1" },  function (data) {
 9         show(data);
10     }
11         );
12 }
13  function show(data) {
14      var json = eval(data);
15      // 把数据转化为数组。此语句运用eval计算某个字符串，并执行其中的的 JavaScript 代码 的特性；
16       // 将后台传来的如[{"type"："a","type"："b"}]数据转化为数组
17       // 其中运用{}声明对象，将数组的每一个元素都声明为对象。然后遍历读取属性
18       for ( var number  in json) {
19          if (json[number].type == "0") {
20             $("#category").append('<li id="' + json[number].categoryid + '">'
21                                   + '<a  href="#">' + json[number].category_r + '</a>'
22                                   + '</li>');
23         }
24     }
25 }

 具体思路便是

运用

eval

把数据转化为数组。此语句运用eval计算某个字符串，并执行其中的的 JavaScript 代码 的特性；
   // 将后台传来的如[{"type"："a","type"："b"}]数据转化为数组
     // 其中运用{}声明对象，将数组的每一个元素都声明为对象。然后遍历读取属性

 ashx代码

 

 1  using System;
 2  using System.Collections.Generic;
 3  using System.Linq;
 4  using System.Web;
 5  using System.Text;
 6  namespace blog.wep.ashx
 7 {
 8      ///   <summary>
 9       ///  index_ashx 的摘要说明
10       ///   </summary>
11       public  class index_ashx : IHttpHandler
12     {
13         StringBuilder jsonBuilder =  new StringBuilder(); //  声明拼接字符串

14          public  void ProcessRequest(HttpContext context)
15         {
16             context.Response.ContentType =  " text/plain "; //设置类型
17             jsonBuilder.Append( " [ ");
18              if (context.Request[ " name "] ==  " 1 ")
19             {
20                 bind();
21             }
22             context.Response.Write(jsonBuilder);
23         }
24          void bind()
25         {
26             blog.BLL.category_t category =  new BLL.category_t();
27          List<blog.model.category_t> allCategory=category.GetAllModel(System.Data.CommandType.StoredProcedure,  " category_staff ",  null);
28           foreach (blog.model.category_t cate  in allCategory)
29          {
30              jsonBuilder.Append( " {\"categoryid\": " +  " \" " + cate.categoryid +  " \", ");
31              jsonBuilder.Append( " \"type\": " +  " \"0\", ");
32              jsonBuilder.Append( " \"category_r\": " +  " \" " + cate.category_r +  " \"}, ");
33              
34          }
35          jsonBuilder.Append( " {\"type\": " +  " \"1\"} ");
36          jsonBuilder.Append( " ] ");
37         }
38          public  bool IsReusable
39         {
40              get
41             {
42                  return  false;
43             }
44         }
45     }
46 }

 

 具体代码便是这些。这些原理都有前辈做过。

本人所写如有不足之处忘指教；

转载于:https://www.cnblogs.com/zhang888/archive/2012/11/05/zhangguang.html