使用AJAX返回WebService里的集合 .

前端之家收集整理的这篇文章主要介绍了使用AJAX返回WebService里的集合 .前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

  1. -------------------WebService1 -----------------------------
  2. // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
  3. [System.Web.Script.Services.ScriptService]
  4. public class WebService1 : System.Web.Services.WebService
  5. {
  6. [WebMethod]
  7. public List<string> GetList()
  8. {
  9. List<string> list = new List<string>();
  10. list.Add("王一");
  11. list.Add("22");
  12. list.Add("河北");
  13. return list;
  14. }
  15. }
  16. --------------------HTMLPage1.htm-----------------------
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <title></title>
  20. <script src="js/Jquery1.7.js" type="text/javascript"></script>
  21. <script type="text/javascript">
  22. $(function () {
  23. $('#Button1').click(function () {
  24. $.ajax({
  25. type: "post",
  26. contentType: "application/json",
  27. url: "WebService1.asmx/GetList",
  28. data: "{}",
  29. success: function (result) {
  30. var str = '';
  31. for (var i = 0; i < result.d.length; i++) {
  32. str += result.d[i];
  33. }
  34. $('#mydiv').text(str);
  35. }
  36. })
  37. })
  38. })
  39. </script>
  40. </head>
  41. <body>
  42. <div id="mydiv"></div>
  43. <input id="Button1" type="button" value="button" />
  44. </body>
  45. </html>
原文链接:https://www.f2er.com/ajax/166169.html

猜你在找的Ajax相关文章