Einfaches Beispiel für die Übergabe von Parametern durch den JQuery Ajax WebService-PHP开发-php.cn

Einfaches Beispiel für die Übergabe von Parametern durch den JQuery Ajax WebService

高洛峰

Freigeben： 2016-12-08 10:47:56

Original

1361 Leute haben es durchsucht

Bei Verwendung von jQuery zur Implementierung von Ajax in Asp.NET können aspx, ashx und WebService auf der Serverseite verwendet werden. Ich habe kürzlich die WebService-Methode untersucht. Dieser Beitrag enthält ein sehr detailliertes Beispiel für den Aufruf der jQuery Ajax-Methode und einen detaillierten Beispielcode für den Asp.Net WebService, gibt jedoch keine detaillierte Erklärung. Es gab einige Details, auf die ich zunächst nicht geachtet habe, aber es hat viel Mühe gekostet, sie zu lösen:

1) Der Schlüsselfeldname in den Client-Daten muss strikt mit dem Server übereinstimmen. Nebenmethodenparameter.

Zum Beispiel Client:

//有参数调用
   $(document).ready(function () {
     $("#btn2").click(function () {
       $.ajax({
         type: "POST",
         contentType: "application/json",
         url: "WebService.asmx/GetWish",
         data: "{value1:&#39;心想事成&#39;,value2:&#39;万事如意&#39;,value3:&#39;牛牛牛&#39;,value4:2009}",
         dataType: &#39;json&#39;,
         success: function (result) {
           $(&#39;#dictionary&#39;).append(result.d);
         }
       });
     });
   });

Nach dem Login kopieren

Die GetWish-Funktionsparameter auf dem Server müssen als Wert1, Wert2, Wert3, Wert4 geschrieben werden :

[WebMethod]
public string GetWish(string value1, string value2, string value3, int value4)
{
  return string.Format("祝您在{3}年里 {0}、{1}、{2}", value1, value2, value3, value4);
}

Nach dem Login kopieren

2) Methode für den Client zum Übertragen von Objekten an den Server:

Client-Code:

//传入对象
   $(function () {
     $("#btn6").click(function () {
       obj = new Object();
       obj.ID = "1";
       obj.Value = "aaa";
       //&#39;{"obj":{"ID":"1",Value:"Horse"}}&#39;
       var d = &#39;{"obj":&#39; + JSON.stringify(obj) + &#39;}&#39;;
       $.ajax({
         type: "POST",  //访问WebService使用Post方式请求
         contentType: "application/json", //WebService 会返回Json类型
         url: "WebService.asmx/ParmsObject", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
         data: d,     //这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到   
         dataType: &#39;json&#39;,
         success: function (result) {
           alert(result.d);
         },
         error: function (result) {
           alert("fail");
         }
       });
     });
 
   });

Nach dem Login kopieren

Serverseitiger Code:

[WebMethod]
public string ParmsObject(Class1 obj)
{
 
  return obj.ID + ":" + obj.Value;
}

Nach dem Login kopieren

Debug-Umgebung: VS2010+jquery-1.3.2.min.js