</

body

>

</

html

>

先给一个简单的单机版

Tasks，add-remove 功能都是完备的，看一下代码就差不多知道它是

怎么运转的了，很简单。

接下来将会演示如何变成在线版。

§

 从服务器获取数据

发送

Ajax 请求是从后台获取 JSON 最简单的方法。

所以这次用

jQuery 的$.getJSON 和$.ajax 方法来完成。

获取数据

-->将其绑定到 ViewModel-->UI 自动完成动态更新 这就是我们要的最终效果。

在服务器上有一些用来处理

Ajax 请求并返回 JSON 格式数据的代码。

<%@ WebHandler Language=

"C#"

 Class=

"KnockHandler"

 %>

using

 System;

using

 System.Web;

public

 

class

 KnockHandler : IHttpHandler {

    
    

public

 

void

 ProcessRequest (HttpContext context) {

        context.Response.Write(

"[{\"title\":\"上午去喝茶\"},{\"title\":\"下午在公司 Coding\"},

{\"title\":\"晚上约妹纸\"},{\"title\":\"洗洗睡吧\"}]"

);

    }
 
    

public

 

bool

 IsReusable {

        

get

 {

            

return

 

false

;

        }
    }

}

在

TaskListViewModel 末尾添加上接收返回数据的代码，并用它填入 tasks 数组。

//ViewModel

function

 TaskListViewModel() {