本文通過(guò)實(shí)例給大家詳細(xì)介紹jQuery中通過(guò)ajax調(diào)用webservice傳遞數(shù)組參數(shù)的相關(guān)資料,需要的朋友可以參考下

下面通過(guò)實(shí)例給大家說(shuō)明比較直觀些，更方便大家了解。

本人的項(xiàng)目中通過(guò)jquery.ajax調(diào)用webservice.

客戶端代碼如下:

$.ajax({

url: "test/xxx.asmx",

type: 'POST',

dataType: 'xml',

timeout: ,

data: { name: "zhangsan", tags: ["aa", "bb", "cc"] },

error: function(xml) {

alert(xml.responseText);

},

success: function(xml) {

alert("OK");

}

});

服務(wù)端代碼如下:

[WebMethod]

public XmlDocument xxx(string name, string [] tags )

{ 

return sth; 

}

總是拋出異常.

問(wèn)題出現(xiàn)在這里:

下面是HTTP數(shù)據(jù):

POST http://xxx.com/xxx.asmx/xxx HTTP/1.1

Host: center.cmis.htpc.com.cn

Connection: keep-alive

Content-Length: 55

Cache-Control: max-age=0

Origin: http://xxx.com

User-Agent: Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.186 Safari/535.1

Content-Type: application/x-www-form-urlencoded; charset=UTF-8

Accept: application/xml, text/xml, */*; q=0.01

Referer: http://xxx.com/xxx.aspx

Accept-Encoding: gzip,deflate,sdch

Accept-Language: zh-CN,zh;q=0.8

Accept-Charset: GBK,utf-8;q=0.7,*;q=0.3

name=zhangsan&tags%5B%5D=aa&tags%5B%5D=bb&tags%5B%5D=cc

而它期望的格式是如下的:

POST /xxx.asmx/xxx HTTP/1.1

Host: xxx.com

Content-Type: application/x-www-form-urlencoded

Content-Length: length

name=string&tags=string&tags=string

比較上面粗體,post的數(shù)據(jù)除了問(wèn)題. 正確的應(yīng)該如下:

name=zhangsan&tags=aa&tags=bb&tags=cc

看來(lái)問(wèn)題出在jquery.ajax上面了.見(jiàn)代碼(jquery.1.8.3.js)

function buildParams(prefix, obj, traditional, add) {

var name;

if (jQuery.isArray(obj)) { 

// Serialize array item.

jQuery.each(obj, function(i, v) {

if (traditional || rbracket.test(prefix)) { 

// Treat each array item as a scalar.

add(prefix, v);

} else {

// If array item is non-scalar (array or object), encode its

// numeric index to resolve deserialization ambiguity issues.

// Note that rack (as of ..) can't currently deserialize

// nested arrays properly, and attempting to do so may cause

// a server error. Possible fixes are to modify rack's

// deserialization algorithm or to provide an option or flag

// to force array serialization to be shallow.

//ytx 

buildParams(prefix, v, traditional, add);

//buildParams(prefix + "[" + (typeof v === "object" ? i : "") + "]", v, traditional, add);

}

});

} else if (!traditional && jQuery.type(obj) === "object") {

// Serialize object item.

for (name in obj) {

buildParams(prefix + "[" + name + "]", obj[name], traditional, add);

}

} else {

// Serialize scalar item.

add(prefix, obj);

}

}

結(jié)論:

出問(wèn)題的代碼在22行,我修改成21行那樣就行了.

不過(guò),我對(duì)js/jquery都是一知半解的,希望不要引起別的后遺癥,呵呵.

以上所述是小編給大家介紹的jQuery中通過(guò)ajax調(diào)用webservice傳遞數(shù)組參數(shù)的問(wèn)題實(shí)例詳解的相關(guān)知識(shí)，希望對(duì)大家有所幫助