資源描述:
《jquery使用ajax方法調(diào)用webservice》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、jQuery使用Ajax方法調(diào)用WebService在這里將jQuery使用Ajax調(diào)用WebService的幾個常用的方法做了一個整理,提供給正在找這方面內(nèi)容的博友,希望能給學(xué)習(xí)jQuery的朋友一點幫助。ws.aspx代碼2、nat="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-s
3、ize:18px;clear:both;border-top:3pxsolid#888;}#loading{border:1px#000solid;background-color:#eee;padding:20px;margin:100px00200px;position:absolute;display:none;}#switcher{}//無參數(shù)調(diào)用$(document).ready(function(){$('#btn1').click(function(){$.ajax({type
4、:"POST",//訪問WebService使用Post方式請求contentType:"application/json",//WebService會返回Json類型url:"WebService1.asmx/HelloWorld",//調(diào)用WebService的地址和方法名稱組合----WsURL/方法名data:"{}",//這里是要傳遞的參數(shù),格式為data:"{paraName:paraValue}",下面將會看到dataType:'json',success:function(result){//回調(diào)函數(shù),result,返回值$('#dictionary
5、').append(result.d);}});});});//有參數(shù)調(diào)用$(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){$('#dic
6、tionary').append(result.d);}});});});//返回集合(引用自網(wǎng)絡(luò),很說明問題)$(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
7、(this);$('#dictionary').append(this.toString()+"");//alert(result.d.join("
8、"));});}});});});//返回復(fù)合類型$(document).ready(function(){$('#btn4').click(function(){$.ajax({type:"POST",contentType:"application/json",url:"WebService1.asmx/GetClass",data:"{}",dataType:'json',success:function(r