使用AJAX返回WebService里的集合 .

本文介绍了一个简单的ASP.NET Web Service示例,该服务通过取消注释特定属性实现AJAX跨域调用。示例中包含了一个返回字符串列表的方法,并展示了如何在HTML页面中使用jQuery发起AJAX请求获取这些数据。

 

  1. -------------------WebService1 ----------------------------- 
  2.  
  3. // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 
  4.     [System.Web.Script.Services.ScriptService] 
  5. public class WebService1 : System.Web.Services.WebService
  6.     { 
  7.  
  8.         [WebMethod] 
  9.         public List<string> GetList() 
  10.         { 
  11.             List<string> list = new List<string>(); 
  12.             list.Add("王一"); 
  13.             list.Add("22"); 
  14.             list.Add("河北"); 
  15.             return list; 
  16.  
  17.  
  18.         } 
  19.     } 
  20.  
  21.  
  22.  
  23.  
  24.  
  25. --------------------HTMLPage1.htm----------------------- 
  26.  
  27. <html xmlns="http://www.w3.org/1999/xhtml"> 
  28.  
  29. <head> 
  30.     <title></title> 
  31.     <script src="js/Jquery1.7.js" type="text/javascript"></script> 
  32.     <script type="text/javascript"> 
  33.         $(function () { 
  34.             $('#Button1').click(function () { 
  35.                 $.ajax({ 
  36.                     type: "post", 
  37.                     contentType: "application/json", 
  38.                     url: "WebService1.asmx/GetList", 
  39.                     data: "{}", 
  40.                     success: function (result) { 
  41.                         var str = ''
  42.                         for (var i = 0; i < result.d.length; i++) { 
  43.                             str += result.d[i]; 
  44.                         } 
  45.                         $('#mydiv').text(str); 
  46.                     } 
  47.                 }) 
  48.             }) 
  49.         }) 
  50.     </script> 
  51. </head> 
  52. <body> 
  53. <div id="mydiv"></div> 
  54.     <input id="Button1" type="button" value="button" /> 
  55. </body> 
  56. </html>  
下载前必看:https://pan.quark.cn/s/a4b39357ea24 在本资料中,将阐述如何运用JavaScript达成单击下拉列表框选定选项后即时转向对应页面的功能。 此种技术适用于网页布局中用户需迅速选取并转向不同页面的情形,诸如网站导航栏或内容目录等场景。 达成此功能,能够显著改善用户交互体验,精简用户的操作流程。 我们须熟悉HTML的`<select>`组件,该组件用于构建一个选择列表。 用户可从中选定一项,并可引发一个事件来响应用户的这一选择动作。 在本次实例中,我们借助`onchange`事件监听器来实现当用户在下拉列表框中选定某个选项时,页面能自动转向该选项关联的链接地址。 JavaScript的`window.location`属性旨在获取或设定浏览器当前载入页面的网址,通过变更该属性的值,能够实现页面的转向。 在本次实例的实现方案,运用了`eval()`函数来动态执行字符串表达式,这在现代的JavaScript开发实践中通常不被推荐使用,因为它可能诱发安全问题及难以排错的错误。 然而,为了本例的简化展示,我们暂时搁置这一问题,因为在更复杂的实际应用中,可选用其他方法,例如ES6中的模板字符串或其他函数来安全地构建和执行字符串。 具体到本例的代码实现,`MM_jumpMenu`函数负责处理转向逻辑。 它接收三个参数:`targ`、`selObj`和`restore`。 其中`targ`代表要转向的页面,`selObj`是触发事件的下拉列表框对象,`restore`是标志位,用以指示是否需在转向后将下拉列表框的选项恢复至默认的提示项。 函数的实现通过获取`selObj`中当前选定的`selectedIndex`对应的`value`属性值,并将其赋予`...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值