使用AJAX返回WebService里的集合具体实现

 更新时间:2013年05月21日 16:53:09   作者:  
如何使用AJAX返回WebService里的集合,在本文将有一个完美的实现,感兴趣的朋友可以参考下哈,希望可以帮助到你
复制代码 代码如下:

-------------------WebService1 -----------------------------
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{
[WebMethod]
public List<string> GetList()
{
List<string> list = new List<string>();
list.Add("王一");
list.Add("22");
list.Add("河北");
return list;
}
}
--------------------HTMLPage1.htm-----------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Button1').click(function () {
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/GetList",
data: "{}",
success: function (result) {
var str = '';
for (var i = 0; i < result.d.length; i++) {
str += result.d[i];
}
$('#mydiv').text(str);
}
})
})
})
</script>
</head>
<body>
<div id="mydiv"></div>
<input id="Button1" type="button" value="button" />
</body>
</html>

相关文章

  • Ajax与JSON的一些学习总结

    Ajax与JSON的一些学习总结

    Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据,然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式
    2012-08-08
  • Ajax实现弹出式无刷新城市选择功能代码

    Ajax实现弹出式无刷新城市选择功能代码

    这篇文章主要介绍了Ajax实现弹出式无刷新城市选择功能代码,实例分析了Ajax弹出窗口及无刷新选择数据项的相关技巧,需要的朋友可以参考下
    2015-08-08
  • Ajax与用户交互的JSON数据存储格式

    Ajax与用户交互的JSON数据存储格式

    数据存储是JavaScript的核心功能,适当的存放好数据,就有利于我们组织起结构,又能使应用程序稍后访问这些内容更加容易。这篇文章给大家介绍了Ajax与用户交互的JSON数据存储格式,感兴趣的朋友一起看看吧
    2016-11-11
  • 聊一聊Ajax的优缺点

    聊一聊Ajax的优缺点

    和大家一起聊一聊Ajax的优缺点,Ajax是一个动态的WEB应用的开发技术,它的出现丰富了用户的体验,今天就和大家进一步的了解Ajax,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • AJAX初级应用-RSS无刷新聚合器的代码与下载

    AJAX初级应用-RSS无刷新聚合器的代码与下载

    AJAX初级应用-RSS无刷新聚合器的代码与下载...
    2007-03-03
  • 纯javascript的ajax实现php异步提交表单的简单实例

    纯javascript的ajax实现php异步提交表单的简单实例

    下面小编就为大家带来一篇纯javascript的ajax实现php异步提交表单的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 防止重复发送Ajax请求的解决方案

    防止重复发送Ajax请求的解决方案

    这篇文章主要介绍了防止重复发送Ajax请求的解决方案,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 基于Ajax的聊天机器人功能的实现

    基于Ajax的聊天机器人功能的实现

    这篇文章主要介绍了基于Ajax的聊天机器人,本文通过实例图文相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-11-11
  • ajax实现加载数据功能

    ajax实现加载数据功能

    这篇文章主要为大家详细介绍了ajax实现加载数据功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Ajax获取XMLHttp对象的方法

    Ajax获取XMLHttp对象的方法

    这篇文章主要介绍了Ajax获取XMLHttp对象的方法,涉及JavaScript基于ajax的浏览器判定、加载等技巧,非常简单实用,需要的朋友可以参考下
    2015-12-12

最新评论