使用JQUERY ajax函數發送JSON對象到ASP.NET Web服務

Question

我想在aspx頁面的客戶端創建對象。我想爲這些JavaScript類添加功能以使生活更輕鬆。

其實我可以得到並使用從服務返回的對象（派生自服務器端類）。當我想的jQuery AJAX方法來發送來自客戶端的對象，我不能這樣做:)

這是我的JavaScript類：

function ClassAndMark(_mark, _lesson){ 

    this.Lesson = _lesson; 
    this.Mark = _mark; 
} 


function Student(_name, _surname, _classAndMark){ 

    this.Name = _name; 
    this.SurName = _surname; 
    this.ClassAndMark = _classAndMark; 
} 

這是學生類的方法來調用Web服務：

JSClass.prototype.fSaveToDB(){ 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "/WS/SaveObject.asmx/fSaveToDB"), 

     data: ????????????, 
// This might be: JSON.stringify(this) ? 
// Web service method has a parameter, name is _obj 
// if i don't send data with parameter, i'm getting this error: 
// Invalid web service call, missing value for parameter: '_obj' 
// 
// Should i send it like that: 
// data: "{_obj:" + JSON.stringify(this) + "}" 
// 
// I tried to wrap this with parameter like that: 
// data: JSON.stringify("{_obj:" + this + "}") 
// 
// But i got this error: 
// Cannot convert object of type 'System.String' to type 'System.Collections.Generic.IDictionary`2[System.String,System.Object]' 

     dataType: "json" 
    }); 
} 

創建JavaScript對象，並調用它的方法來發送它向Web服務：

其實我不知道應該是什麼的類和方法定義S於服務器端，但我認爲：

class ClassAndMark{ 

    public string Lesson ; 
    public string Mark ; 
} 


class Student{ 

    public string Name ; 
    public string SurName ; 
    public ClassAndMark classAndMark ; 
} 

Web服務是低於但我又不能得到應該的，而不是什麼???? ：

[WebMethod()] 
public Student fSaveToDB(???? _obj) 
{ 
    // How can i convert input parameter/parameters 
    // of method in the server side object? 

    // SQL operations 
    // srting QInsert = "INSERT INTO tableName (......) VALUES (.....)"; 
    // ... 
    // .. 
    // . 

    return new Student{ 
        Name = ???, // deserialize _obj and pass its Name value 
        SurName = ???, // deserialize _obj and pass its SurName value 
        classAndMark = ???, // deserialize _obj and pass its classAndMark value 
        }; 
} 

Answer 1

步驟1，客戶端： 您必須序列客戶對象到JSON，我個人使用字符串化（）的JSON2庫的方法：http://www.json.org/js.html

data: JSON.stringify(myObj) 

第二步，服務器端：你必須將序列化的對象轉換成你的C＃代碼「可食用」的東西。在這裏，您可以使用Microsoft的JavaScriptSerializer類的deserialize（）方法（但如果您沒有安裝SP，它可能在.net 3.5中存在一些問題）或其他JSON.net庫http://james.newtonking.com/pages/json-net.aspx

服務器端方法簽名應該是：

fSaveToDB(Object myObj) 

其中 「MyObj中」 是你的客戶端對象容器的名稱：

{myObj: your object...} 

Answer 2

是您的ASMX頁期待一個SOAP信封？如果是這樣，你將有一個艱難的時間直接連接到一個xmlhttp請求做額外的標記（這當然可以，但是很痛苦）。您可能想查看一些創建寧靜服務的示例，因爲它們將更容易通過javascript進行通信。看看http://www.west-wind.com/weblog/posts/324917.aspx。

Answer 3

JavaScript端：

JSClass.prototype.fSaveToDB(){ 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "/WS/SaveObject.asmx/fSaveToDB"), 

     data: data: $.toJSON({ _obj: this }), 

     dataType: "json" 
    }); 
} 

Web服務是：

[WebMethod()] 
public Student fSaveToDB(Student _obj) 
{ 
    return bla bla bla; 
} 

Answer 4

了類似的問題的詳細回答指出，結合JQuery的& Json2.stringfy（）可用於發送複雜類型到服務器端方法。在服務器端，你只需要在方法簽名中輸入所需的類型（例如foo（MyType obj）{...）。}）

How to send JSON object to asp.net web service and process the data there?

Answer 5

讓我們來簡化這個： 你有一個服務器端對象實例名稱和客戶端的對象實例名稱。

在你的jQuery阿賈克斯 - 使用這種形式

data: '{"myServerSideObjectInstanceName":' + JSON.stringify(myClientSideObjectInstanceName) + '}', 

在服務器端使用

public void MyWebServiceMethod(myObject myServerSideObjectInstanceName) 
{ ... your code here ...} 

只要myObject的具有相同簽名的JavaScript對象，這會工作。你可以使用像myServerSideObjectInstanceName.StudentName（或其他）的東西來獲取你的值（在服務器上）。