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

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

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

//無參數(shù)調(diào)用
$(document).ready(function() {
$('#btn1').click(function() {
$.ajax({
type: "POST", //訪問WebService使用Post方式請(qǐng)求
contentType: "application/json", //WebService 會(huì)返回Json類型
url: WebServiceURL + "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);
}
});
});
});

//有參數(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) { //如果沒有上面的捕獲出錯(cuò)會(huì)執(zhí)行這里的回調(diào)函數(shù)
if (status == 'error') {
alert(status);
}
}
});
});
});


//Ajax 為用戶提供反饋,利用ajaxStart和ajaxStop 方法,演示ajax跟蹤相關(guān)事件的回調(diào),他們兩個(gè)方法可以添加給jQuery對(duì)象在Ajax前后回調(diào)
//但對(duì)與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 元素相對(duì)定位代碼

    jquery 元素相對(duì)定位代碼

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

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

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

    AspNet中使用JQuery boxy插件的確認(rèn)框

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評(píng)論