jQuery使用Ajax方法调用WebService.doc

在这里将jQuery使用Ajax调用WebService的几个常用的方法做了一个整理,提供给正在找这方面内容的博友,希望能给学习jQuery的朋友一点帮助。<!DOCTYPEhtmlPUBLIC"-//W3C////EN""/xhtml1/DTD/xhtml1-"><htmlxmlns="9/xhtml"><headid="Head1"runat="server"><title></title><scriptsrc=""type="text/javascript"></script><styletype="text/css">.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;clear:both;border-top:3pxsolid#888;}#loading{border:1px#000solid;background-color:#eee;padding:20px;margin:100px00200px;position:absolute;display:none;}#switcher{}</style><scripttype="text/javascript">//无参数调用$(document).ready(function(){$('#btn1').click(function(){$.ajax({type:"POST",//访问WebService使用Post方式请求contentType:"application/json",//WebService会返回Json类型url:"",//调用WebService的地址和方法名称组合----WsURL/方法名data:"{}",//这里是要传递的参数,格式为data:"{paraName:paraValue}",下面将会看到dataType:'json',ess:function(result){//回调函数,result,返回值$('#dictionary').append();}});});});//有参数调用$(document).ready(function(){$("#btn2").click(function(){$.ajax({type:"POST",contentType:"application/json",url:"",data:"{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",dataType:'json',ess:function(result){$('#dictionary').append();}});});});//返回集合(引用自网络,很说明问题)$(document).ready(function(){$("#btn3").click(function(){$.ajax({type:"POST",contentType:"application/json",url:"",data:"{i:10}",dataType:'json',ess:function(result){$().each(function(){//alert(this);$('#dictionary').append(()+"");//alert(("|"));});}});});});//返回复合类型$(document).ready(function(){$('#btn4').click(function(){$.ajax({type:"POST",contentType:"application/json",url:"",data:"{}",dataType:'json',ess:function(result){$().each(function(){//alert(this);$('#dictionary').append(this['ID']