欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery + Ajax調(diào)用webService實例代碼(asp.net)

 更新時間:2010年08月27日 19:25:02   作者:  
Jquery + Ajax調(diào)用webService實例代碼,需要的朋友可以參考下。
webService中要實現(xiàn)ajax調(diào)用,則要加這句代碼:
// 若要允許使用 ASP.NET AJAX 從腳本中調(diào)用此 Web 服務(wù),請取消對下行的注釋。
[System.Web.Script.Services.ScriptService]
代碼下載 /201008/yuanma/WebService2.rar
復(fù)制代碼 代碼如下:

//無參數(shù)調(diào)用
$(document).ready(function() {
$('#btn1').click(function() {
$.ajax({
type: "POST", //訪問WebService使用Post方式請求
contentType: "application/json", //WebService 會返回Json類型
url: WebServiceURL + "WebService1.asmx/HelloWorld", //調(diào)用WebService的地址和方法名稱組合 ---- WsURL/方法名
data: "{}", //這里是要傳遞的參數(shù),格式為 data: "{paraName:paraValue}",下面將會看到
dataType: 'json',
success: function(result) { //回調(diào)函數(shù),result,返回值
$('#dictionary').append(result.d);
}
});
});
});

//有參數(shù)調(diào)用
$(document).ready(function() {
$("#btn2").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetWish",
data: "{value1:'心想事成',value2:'萬事如意',value3:'牛牛牛',value4:2009}",
dataType: 'json',
success: function(result) {
$('#dictionary').append(result.d);
}
});
});
});

//返回集合(引用自網(wǎng)絡(luò),很說明問題)
$(document).ready(function() {
$("#btn3").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetArray",
data: "{i:10}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this.toString() + " ");
//alert(result.d.join(" | "));
});
}
});
});
});

//返回復(fù)合類型
$(document).ready(function() {
$('#btn4').click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: WebServiceURL + "WebService1.asmx/GetClass",
data: "{}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this['ID'] + " " + this['Value']);
//alert(result.d.join(" | "));
});
}
});
});
});
//返回DataSet(XML)
$(document).ready(function() {
$('#btn5').click(function() {
$.ajax({
type: "POST",
url: WebServiceURL + "WebService1.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返回的類型為XML ,和前面的Json,不一樣了
success: function(result) {
//演示一下捕獲
try {
$(result).find("Table1").each(function() {
$('#dictionary').append($(this).find("ID").text() + " " + $(this).find("Value").text());
});
}
catch (e) {
alert(e);
return;
}
},
error: function(result, status) { //如果沒有上面的捕獲出錯會執(zhí)行這里的回調(diào)函數(shù)
if (status == 'error') {
alert(status);
}
}
});
});
});


//Ajax 為用戶提供反饋,利用ajaxStart和ajaxStop 方法,演示ajax跟蹤相關(guān)事件的回調(diào),他們兩個方法可以添加給jQuery對象在Ajax前后回調(diào)
//但對與Ajax的監(jiān)控,本身是全局性的
$(document).ready(function() {
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});

相關(guān)文章

  • jQuery 3.0十大新特性

    jQuery 3.0十大新特性

    在2016年6月迎來了jquery3.0最終版,jquery3.0有哪些新特征呢?很多朋友不是很清楚,下面小編給大家?guī)砹薺Query 3.0十大新特性,感興趣的朋友一起看下吧
    2016-07-07
  • jquery 元素相對定位代碼

    jquery 元素相對定位代碼

    align:左右對齊;vlign:垂直對齊;xleft:水平補給值;xleft:垂直補給值;adjust:是否相對窗口自動調(diào)整;rwindow:定位相對于窗口(align&vlign為center時垂直或水平居中)
    2010-10-10
  • JQuery事件委托(適用于給動態(tài)生成的腳本元素添加事件)

    JQuery事件委托(適用于給動態(tài)生成的腳本元素添加事件)

    jq寫了點擊事件,是通過獲取元素的類名被點擊后執(zhí)行對應(yīng)方法,但是研發(fā)套完模板,他會把所有的結(jié)構(gòu)先清空,導(dǎo)致jq根本找不到那個元素,所以事件就不得執(zhí)行了,需要的朋友可以參考下
    2020-02-02
  • AspNet中使用JQuery boxy插件的確認框

    AspNet中使用JQuery boxy插件的確認框

    Boxy是一個基于JQuery的彈出層插件,它有相對漂亮的外觀,功能齊全,支持iframe,支持模式窗口但相對于同樣的彈出層插件BlockUI它明顯笨重,但使用不那么方便。 兼容瀏覽器:IE6+/Firefox/Google Chrome
    2015-05-05
  • jQuery替換字符串(實例代碼)

    jQuery替換字符串(實例代碼)

    jQuery替換字符串的實例代碼。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • jquery實現(xiàn)的Accordion折疊面板效果代碼

    jquery實現(xiàn)的Accordion折疊面板效果代碼

    這篇文章主要介紹了jquery實現(xiàn)的Accordion折疊面板效果代碼,通過jquery鼠標click事件操作頁面元素樣式動態(tài)變換實現(xiàn)手風(fēng)琴折疊效果,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • 多種方法實現(xiàn)360瀏覽器下禁止自動填寫用戶名密碼

    多種方法實現(xiàn)360瀏覽器下禁止自動填寫用戶名密碼

    這篇文章主要介紹了多種方法實現(xiàn)360瀏覽器下禁止自動填寫用戶名密碼,需要的朋友可以參考下
    2014-06-06
  • 淺談window.onbeforeunload() 事件調(diào)用ajax

    淺談window.onbeforeunload() 事件調(diào)用ajax

    下面小編就為大家?guī)硪黄獪\談window.onbeforeunload() 事件調(diào)用ajax。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • JQuery 使用attr方法實現(xiàn)下拉列表選中

    JQuery 使用attr方法實現(xiàn)下拉列表選中

    實現(xiàn)下拉列表選中的方法有很多,這篇文章主要介紹了JQuery 使用attr方法的具體實現(xiàn),需要的朋友可以收藏下
    2014-10-10
  • jquery div 居中技巧應(yīng)用介紹

    jquery div 居中技巧應(yīng)用介紹

    在項目實戰(zhàn)中碰到了一些問題,例如,jquery如何使div居中,此問題一直困擾著我,因此尋找了一些方法,曬出來和大家分享一下
    2012-11-11

最新評論