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');" />