js编写

js 编码更易读，更好与ajax 交互

看以下JS代码片段：

 

var tinyNews =function(data)
 2   {
 3 this.ID = data.ID;
 4 this.NewsTiltle = data.NewsTiltle;
 5 this.LinkUrl = data.LinkUrl;
 6     
 7 //简单创建一个标记
 8      tinyNews.prototype.Style1 =function()
 9     {
10 var resultSb =new StringBuilder();
11 var template1 ='<table border="0" cellspacing="0" cellpadding="0"><tr><td height="32" valign="bottom"></td></tr>';
12 var template2 ='<tr><td height="21"><a target="_blank" href="{0}" title="{1}">';
13 var titlesubstring =this.NewsTiltle.substring(0,20);
14 var template3 ='{0}<a></td></tr>';  
15         resultSb.append(template1);
16         resultSb.append(String.format(template2,this.LinkUrl,this.NewsTiltle));
17         resultSb.append(String.format(template3,titlesubstring));
18 return  resultSb.toString();    
19     }
20   }

 

 

上面代码段与我们cs代码段

 

publicclass TinyIhouseNews
 2     {
 3 public TinyIhouseNews()
 4         {}
 5 #region Model
 6 privateint _id;
 7 privatestring _newstiltle;
 8 privatestring _newscontent;
 9 privateint? _newsdelete;
10 private DateTime? _createdate;
11 privatestring _linkurl;
12 privateint? _hit;
13 privateint _typeid;
14 string _imageurl;
15 publicstring NewsContent
16         {
17 set { _newscontent = value; }
18 get { return _newscontent; }
19         }
20 ///<summary>
21 /// 
22 ///</summary>
23  publicstring ImageUrl
24         {
25 get { return _imageurl; }
26 set { _imageurl = value; }
27         }
28 ///<summary>
29 /// 
30 ///</summary>
31  publicint ID
32         {
33 set{ _id=value;}
34 get{return _id;}
35         }
36 ///<summary>
37 /// 
38 ///</summary>
39 publicstring NewsTiltle
40         {
41 set{ _newstiltle=value;}
42 get{return _newstiltle;}
43         }
44         
45 ///<summary>
46 /// 
47 ///</summary>
48 publicint? NewsDelete
49         {
50 set{ _newsdelete=value;}
51 get{return _newsdelete;}
52         }
53 ///<summary>
54 /// 
55 ///</summary>
56 public DateTime? CreateDate
57         {
58 set{ _createdate=value;}
59 get{return _createdate;}
60         }
61 ///<summary>
62 /// 
63 ///</summary>
64 publicstring LinkUrl
65         {
66 set{ _linkurl=value;}
67 get{return _linkurl;}
68         }
69 ///<summary>
70 /// 
71 ///</summary>
72 publicint? Hit
73         {
74 set{ _hit=value;}
75 get{return _hit;}
76         }
77 ///<summary>
78 /// 
79 ///</summary>
80 publicint TypeId
81         {
82 set{ _typeid=value;}
83 get{return _typeid;}
84         }
85 #endregion Model
86     }

如果我们在服务端序列化一个实体到客户端，而客户端也构建一个实体，那我们数据交互就是从一个实体到另一个实体中。
我们仅需服务端我们设置contettype application/json，客户端js处理json是最方便的。（具体的实例我会在后面介绍）
我们需要更漂亮的js方式，更高效的js，更好的与服务端交互。