Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
发布时间:2016-12-30 来源:查字典编辑
摘要:一、WebService.asmx:处理业务数据,在GetPerson方法中产生Person实体类数据,供JqueryRequest.asp...

一、WebService.asmx:

处理业务数据,在GetPerson方法中产生Person实体类数据,供JqueryRequest.aspx调用,代码如下:

复制代码 代码如下:

[WebMethod]

public Person GetPerson(string name, int age, string address)

{

Person p = new Person()

{

Name = name,

Age = age,

Address = address

};

return p;

}

二、Person.cs实体类:

复制代码 代码如下:

public class Person

{

private string _name;

public string Name

{

get { return _name; }

set { _name = value; }

}

private int _age;

public int Age

{

get { return _age; }

set { _age = value; }

}

private string _address;

public string Address

{

get { return _address; }

set { _address = value; }

}

}

三、AjaxRequest.aspx

通过点击按钮来请求WebService.asmx的GetPerson(string name, int age, string address)方法,获取Person实体数据。代码如下:

复制代码 代码如下:

<script type="text/javascript" language="javascript">

function BtnPerson_Click() {

$.ajax({

url: "WebService.asmx/GetPerson",

data: { name: "Windy", age: 18, address: "Shanghai China" },

type: "post",

success: function(data, status) {

var obj = $(data);

var name = obj.find("Name").text();

var age = obj.find("Age").text();

var address = obj.find("Address").text();

alert("Name:" + name + " Age:" + age + " Address:" + address);

}

});

}

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类