关于html+ashx开发中几个问题的解决方法(2)

$(document).ajaxSuccess(function(event,xhr,settings){
if(xhr.responseText=="unlogin"){
window.top.location.href="/login.html";
}
})

　　很显示，不是每个页面的ajax请求都要求用户登陆，比如login.html页，所以判断时要排除不用登陆的页面：

复制代码 代码如下:

　　if (HttpContext.Current.Request.UrlReferrer.ToString().ToLower().IndexOf("login.html") < 0)
　　{
　　　　if (HttpContext.Current.Session["user"] == null)
　　　　{
　　　　　　HttpContext.Current.Response.Write("unlogin");
　　　　　　HttpContext.Current.Response.End();
　　　　}
　　}

　　问题3：数据模板。

　　真是什么东西需要，什么都东西就应运而生！在写这个随笔之前正好在园里看到了个jquery.tmpl的文章！tmpl的产生也正是解决这个问题的！我很自知这个方法没tmpl强大，但tmpl有一个问题没有解决，其实模板有两个主要的问题，1是如果模板存储在js里不好编辑，2是要把模板存储在哪里才方便设计时的视图呢！tmpl把模板存储在<script type="text/x-jquery-tmpl"></script>标签中，应该说是解决了第一个问题，但我感觉第2个问题也是很重要的！想来想去，只能把模板直接存储在数据的容器标记里：

复制代码 代码如下:

<ul>
<li><a href="https://www.jb51.net/somepage.html?id={ID}">{Title}</a><br />
{Content}</li>
</ul>

　　 把模板直接写在目标容器里，就像一条数据一样，美工调样式不是问题，程序加方法不是问题，这方法我看行！但js肯定不会直接操作这个模板吧，现在要做的就是把这个模板变成真的模板：

复制代码 代码如下:

　　$(function() {
　　　　var ulList = $("#ulList");
　　　　ulList.data("tpl",ulList.html()).empty();
　　}

　　把模板存储到容器的data里应该是再适当不过了，而且这个操作在页面加载完马上就做！然后把容器清空，让位给后来加载过来的真实数据。后台提供json数据，这个很简单：

复制代码 代码如下:

public class News
{
public int ID { get; set; }
public string Title { get; set; }
public string Content { get; set; }
}
//handler里用了上面第一个问题的解决方法
　　hs.Add("getNews", delegate()
　　{
　　　　List<News> list = new List<News>()
　　　　{
　　　　　　new News(){ ID=1,Title="title1",Content="Content1"},
　　　　　　new News(){ ID=2,Title="title2",Content="Content2"},
　　　　　　new News(){ ID=3,Title="title3",Content="Content3"},
　　　　};
　　　　return jss(list);
　　});

　　前台取数据没什么好说的，这个很基本：

复制代码 代码如下:

$.get("Handler.ashx?n=" + Math.random(), { action: "getNews" }, function(data) {
var list = $.parseJSON(data);
var ul = $("#ulList");
var html = "";
for (var i = 0; i < list.length; i++) {
html += ul.data("tpl").format(list[i]);
}
ul.html(html);
})

　　在填充数据的时候用了string.format这个方法，它在我js中的string.format 随笔里有记录，呵呵，这个我也没有想到，写format的时候让它支持json对象只是为了阅读方便，然而用到这如此合适！到这的时候我已兴奋不已了，测试结果如下：

但当我加了事件后，我发现还不够好。如果在模板li里加上onclick="show({ID},'{Title}')"，IE里刚打开页面的时候就会有js错误，这是为什么呢？问题在这个ID参数上，因为{ID}被看作json对象了，而它却是一个格式不对的json! 提示js错误也正常，'{Title}'没有错误是原因这里看作字符串参数了。这个js错误虽然不影响程序，但没有人不喜欢自己写的代码是没有js错误的！ 解决方法很简单，像Title参数一样加引号就可以了，如果show方法里真的要数字类型，只好在那里转换一下喽！不过你肯定会发现，很多时候是不用转换的，甚至你还希望它就是个字符串类型呢！

　　从没有这么认真的写过随笔，三个星期就休息了这一下午，没陪女朋友，没睡大觉，没找朋友喝酒，却老老实实地把它完成了!

您可能感兴趣的文章: