国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
jQuery Ajax 方法調(diào)用 Asp.Net WebService 的詳細(xì)例子
這很常用,搜索了一下博客園的“找找看”和谷歌,看到大部分都是轉(zhuǎn)載于一兩篇文章(而且來源還不是博客園),有的是簡單的說一點無法運行,給初學(xué)者的調(diào)試和學(xué)習(xí)帶來不方便,我在這里將jQuery Ajax 調(diào)用Aspx.Net WebService 的幾個常用的方法做了一個整理,提供給正在找這方面內(nèi)容的博友,希望能給學(xué)習(xí)jQuery的朋友一點幫助,可以直接復(fù)制代碼運行。

  ws.aspx 代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title></title>
  <script src="jquery.js" type="text/javascript"></script>
  <style type="text/css">
    .hover
    {
      cursor: pointer; /*小手*/
      background: #ffc; /*背景*/
    }
    .button
    {
      width: 150px;
      float: left;
      text-align: center;
      margin: 10px;
      padding: 10px;
      border: 1px solid #888;
    }
    #dictionary
    {
      text-align: center;
      font-size: 18px;
      clear: both;
      border-top: 3px solid #888;
    }
    #loading
    {
      border: 1px #000 solid;
      background-color: #eee;
      padding: 20px;
      margin: 100px 0 0 200px;
      position: absolute;
      display: none;
    }
    #switcher
    {
    }
  </style>
  <script type="text/javascript">
    //無參數(shù)調(diào)用
    $(document).ready(function() {
      $('#btn1').click(function() {
        $.ajax({
          type: "POST",  //訪問WebService使用Post方式請求
          contentType: "application/json", //WebService 會返回Json類型
          url: "WebService1.asmx/HelloWorld", //調(diào)用WebService的地址和方法名稱組合 ---- WsURL/方法名
          data: "{}",     //這里是要傳遞的參數(shù),格式為 data: "{paraName:paraValue}",下面將會看到   
          dataType: 'json',
          success: function(result) {   //回調(diào)函數(shù),result,返回值
            $('#dictionary').append(result.d);
          }
        });
      });
    });
    //有參數(shù)調(diào)用
    $(document).ready(function() {
      $("#btn2").click(function() {
        $.ajax({
          type: "POST",
          contentType: "application/json",
          url: "WebService1.asmx/GetWish",
          data: "{value1:'心想事成',value2:'萬事如意',value3:'牛牛牛',value4:2009}",
          dataType: 'json',
          success: function(result) {
            $('#dictionary').append(result.d);
          }
        });
      });
    });
    
    
    //返回集合(引用自網(wǎng)絡(luò),很說明問題)
    $(document).ready(function() {
      $("#btn3").click(function() {
        $.ajax({
          type: "POST",
          contentType: "application/json",
          url: "WebService1.asmx/GetArray",
          data: "{i:10}",
          dataType: 'json',
          success: function(result) {
            $(result.d).each(function() {
              //alert(this);
              $('#dictionary').append(this.toString() + " ");
              //alert(result.d.join(" | "));
            });
          }
        });
      });
    });
    //返回復(fù)合類型
    $(document).ready(function() {
      $('#btn4').click(function() {
        $.ajax({
          type: "POST",
          contentType: "application/json",
          url: "WebService1.asmx/GetClass",
          data: "{}",
          dataType: 'json',
          success: function(result) {
            $(result.d).each(function() {
              //alert(this);
              $('#dictionary').append(this['ID'] + " " + this['Value']);
              //alert(result.d.join(" | "));
            });
          }
        });
      });
    });
    //返回DataSet(XML)
    $(document).ready(function() {
      $('#btn5').click(function() {
        $.ajax({
          type: "POST",
          url: "WebService1.asmx/GetDataSet",
          data: "{}",
          dataType: 'xml', //返回的類型為XML ,和前面的Json,不一樣了
          success: function(result) {
          //演示一下捕獲
            try { 
              $(result).find("Table1").each(function() {
                $('#dictionary').append($(this).find("ID").text() + " " + $(this).find("Value").text());
              });
            }
            catch (e) {
              alert(e);
              return;
            }
          },
          error: function(result, status) { //如果沒有上面的捕獲出錯會執(zhí)行這里的回調(diào)函數(shù)
            if (status == 'error') {
              alert(status);
            }
          }
        });
      });
    });
    //Ajax 為用戶提供反饋,利用ajaxStart和ajaxStop 方法,演示ajax跟蹤相關(guān)事件的回調(diào),他們兩個方法可以添加給jQuery對象在Ajax前后回調(diào)
    //但對與Ajax的監(jiān)控,本身是全局性的
    $(document).ready(function() {
      $('#loading').ajaxStart(function() {
        $(this).show();
      }).ajaxStop(function() {
        $(this).hide();
      });
    });
    // 鼠標(biāo)移入移出效果,多個元素的時候,可以使用“,”隔開
    $(document).ready(function() {
      $('div.button').hover(function() {
        $(this).addClass('hover');
      }, function() {
        $(this).removeClass('hover');
      });
    });
    
    
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <div id="switcher">
    <h2>
      jQuery 的WebServices 調(diào)用</h2>
    <div class="button" id="btn1">
      HelloWorld</div>
    <div class="button" id="btn2">
      傳入?yún)?shù)</div>
    <div class="button" id="btn3">
      返回集合</div>
    <div class="button" id="btn4">
      返回復(fù)合類型</div>
    <div class="button" id="btn5">
      返回DataSet(XML)</div>
  </div>
  <div id="loading">
    服務(wù)器處理中,請稍后。
  </div>
  <div id="dictionary">
  </div>
  </form>
</body>
</html>

 
WebService1.asmx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data;
namespace jQuery.Learning
{
  /// <summary>
  /// WebService1 的摘要說明
  /// </summary>
  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  [System.ComponentModel.ToolboxItem(false)]
  // 若要允許使用 ASP.NET AJAX 從腳本中調(diào)用此 Web 服務(wù),請取消對下行的注釋。
  [System.Web.Script.Services.ScriptService]
  public class WebService1 : System.Web.Services.WebService
  {
    /// <summary>
    /// 無參數(shù)
    /// </summary>
    /// <returns></returns>
    [WebMethod]
    public string HelloWorld()
    {
      return "Hello World ";
    }
    /// <summary>
    /// 帶參數(shù)
    /// </summary>
    /// <param name="value1"></param>
    /// <param name="value2"></param>
    /// <param name="value3"></param>
    /// <param name="value4"></param>
    /// <returns></returns>
    [WebMethod]
    public string GetWish(string value1, string value2, string value3, int value4)
    {
      return string.Format("祝您在{3}年里 {0}、{1}、{2}", value1, value2, value3, value4);
    }
    /// <summary>
    /// 返回集合
    /// </summary>
    /// <param name="i"></param>
    /// <returns></returns>
    [WebMethod]
    public List<int> GetArray(int i)
    {
      List<int> list = new List<int>();
      while (i >= 0)
      {
        list.Add(i--);
      }
      return list;
    }
    /// <summary>
    /// 返回一個復(fù)合類型
    /// </summary>
    /// <returns></returns>
    [WebMethod]
    public Class1 GetClass()
    {
      return new Class1 { ID = "1", Value = "牛年大吉" };
    }
    /// <summary>
    /// 返回XML
    /// </summary>
    /// <returns></returns>
    [WebMethod]
    public DataSet GetDataSet()
    {
      DataSet ds = new DataSet();
      DataTable dt = new DataTable();
      dt.Columns.Add("ID", Type.GetType("System.String"));
      dt.Columns.Add("Value", Type.GetType("System.String"));
      DataRow dr = dt.NewRow();
      dr["ID"] = "1";
      dr["Value"] = "新年快樂";
      dt.Rows.Add(dr);
      dr = dt.NewRow();
      dr["ID"] = "2";
      dr["Value"] = "萬事如意";
      dt.Rows.Add(dr);
      ds.Tables.Add(dt);
      return ds;
    }
  }
  //自定義的類,只有兩個屬性
  public class Class1
  {
    public string ID { get; set; }
    public string Value { get; set; }
  }
}
 
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery帶參數(shù)的ajax調(diào)用WebService
Ajax調(diào)用WebService(一)
JQuery調(diào)用WebService
jQuery中調(diào)用WebService方法小結(jié)
vb.net中的簡單web service例程
通過Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服