資源描述:
《jquery使用ajax方法調(diào)用webservice》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、jQuery使用Ajax方法調(diào)用WebService在這里將jQuery使用Ajax調(diào)用WebService的幾個(gè)常用的方法做了一個(gè)整理,提供給正在找這方面內(nèi)容的博友,希望能給學(xué)習(xí)jQuery的朋友一點(diǎn)幫助。代碼直接復(fù)制即可。???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{}//無參數(shù)調(diào)用$(document).ready(function(){$('#btn1').click(function(){$.ajax({type:"POST",//訪問WebServic
4、e使用Post方式請(qǐng)求contentType:"application/json",//WebService會(huì)返回Json類型url:"WebService1.asmx/HelloWorld",//調(diào)用WebService的地址和方法名稱組合----WsURL/方法名data:"{}",//這里是要傳遞的參數(shù),格式為data:"{paraName:paraValue}",下面將會(huì)看到dataType:'json',success:function(result){//回調(diào)函數(shù),result,返回值$('#dictionary').append(result.d);}});});});//
5、有參數(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){$('#dictionary').append(result.d);}});});});//返回集合
6、(引用自網(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(this);$('#dictionary').append(this.toString()+"");//a
7、lert(result.d.join("
8、"));});}});});});//返回復(fù)合類型$(document).ready(function(){$('#btn4').click(function(){$.ajax({type:"POST",contentType:"application/json",url:"WebService1.asmx/GetClass",data:"{}",dataType:'json',succes