ajax 学习篇之　服务器端编程

首先申明：本文的代码等，是看了微软的视频教程后，照着视频讲义写的，同时，也用于公司内部培训网站文章内容

ajax服务端编程

服务器端代码

首先定义一个类：Employee

            public class Employee
{
public Employee(string fristName,string lastName)
{
this.mFirstName=firstName;
this.mLastName=lastName;
}
private string mFirstName;
public string FirstName
{
get
{
return this.mFirstName;
}
}
private string mLastName;
public string LastName
{
get
{
return this.mLastName;
}
}
}

然后定义一个GetEmployee.ashx，代码如下：

             public class GetEmployee:IHttpHandler
{
public void  ProcessRequest(HttpContext context)
{
context.Response.ContentType="text/plain";
string firstName=context.Request.Params("FirstName");
string lastName=context.Request.Params("LastName");
Employee employee=new Employee(firstName,lastName);
//序列化为一个json对象
JavaScriptSerializer serializer=new JavaScriptSerializer();
string jsonEmployee=serializer.Serialize(employee);
context.Response.Write(jsonEmployee);
}
}

客户端程序

<script language="javascript" type="text/javascript">
function showEmployee(fristName,lastName)
{
  var request=new Web.Request();
  request.set_url("GetEmployee.ashx");
  request.set_httpVerb("POST");
  request.add_completed(OnGetEmployeeComplete);
  
  var requestBody=String.Format(
      "FristName={0}&LastName={1}",
      encodeURIComponent(fristName),
      encodeURIComponent(lastName);
  request.set_body(requestBody);
  request.invoke();
}
function OnGetEmployeeComplete(response)
{
   if(response.get_responseAvalizable())
   {
      var employee=response.get_object();
      alert(String.format(
             "hello i'm {0} {1}",
             employee.FristName,
             employee.LastName));
   }
}
</script>
<input type="button" value="button" onclick="showEmployee('yan','changgang');" />