资源描述：
《jquery使用ajax方法调用webservice》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、jQuery使用Ajax方法调用WebService在这里将jQuery使用Ajax调用WebService的几个常用的方法做了一个整理，提供给正在找这方面内容的博友，希望能给学习jQuery的朋友一点帮助。代码直接复制即可。 ws.aspx代码2、unat="server">
.hover{cursor:pointer;/*小手*/background:#ffc;/*背景*/}.button{width:150px;float:left;text-align:center;margin:10px;padding:10px;border:1pxsolid#888;}#dictionary{text-align:center;font-size:18px;c
3、lear:both;border-top:3pxsolid#888;}#loading{border:1px#000solid;background-color:#eee;padding:20px;margin:100px00200px;position:absolute;display:none;}#switcher{}//无参数调用$(document).ready(function(){$('#btn1').click(function(){$.ajax({type:"POST",//访问WebServic
4、e使用Post方式请求contentType:"application/json",//WebService会返回Json类型url:"WebService1.asmx/HelloWorld",//调用WebService的地址和方法名称组合----WsURL/方法名data:"{}",//这里是要传递的参数，格式为data:"{paraName:paraValue}",下面将会看到dataType:'json',success:function(result){//回调函数，result，返回值$('#dictionary').append(result.d);}});});});//
5、有参数调用$(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);}});});});//返回集合
6、（引用自网络，很说明问题）$(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()+"");//a
7、lert(result.d.join("
8、"));});}});});});//返回复合类型$(document).ready(function(){$('#btn4').click(function(){$.ajax({type:"POST",contentType:"application/json",url:"WebService1.asmx/GetClass",data:"{}",dataType:'json',succes
