jQuery使用Ajax方法调用WebService.doc

jQuery使用Ajax方法调用WebService在这里将jQuery使用Ajax 调用WebService 的几个常用的方法做了一个整理，提供给正在找这方面内容的博友，希望能给学习jQuery的朋友一点帮助。ws.aspx 代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlhead id=Head1 runat=server title/title script src=jquery.js type=text/javascript/script style type=text/css .hover { cursor: pointer; /*小手*/ background: #ffc; /*背景*/ } .button { width: 150px; float: left; text-align: center; margin: 10px; padding: 10px; border: 1px solid #888; } #dictionary { text-align: center; font-size: 18px; clear: both; border-top: 3px solid #888; } #loading { border: 1px #000 solid; background-color: #eee; padding: 20px; margin: 100px 0 0 200px; position: absolute; display: none; } #switcher { } /style script type=text/javascript //无参数调用 $(document).ready(function() { $(#btn1).click(function() { $.ajax({ type: POST, //访问WebService使用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); } }); }); }); //有参数调用 $(document).ready(function() { $(#btn2).click(function() { $.ajax({ type: POST,