六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

怎么靈活使用Web的AJAX_JQuery調用Web service完成AJAX完成圖文詳細教程詳細說明

[摘要]怎樣使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解隨著軟件運行環境越來越復雜,webse州ce為分布式應用、跨平臺交互、軟件間的整合提供了一種解決方案。思路就是...

怎樣使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

隨著軟件運行環境越來越復雜,webse州ce為分布式應用、跨平臺交互、軟件間的整合提供了一種解決方案。思路就是用ajax定時查看有無新內容,如果有的用一個定時器讓文字閃動(通過變化文件的color實現),如果沒有就關閉定時器,恢復文字的顏色。里郵件的獲取用到了exchange的web service 結合jquery和一般處理程序ashx的ajax。

前幾天跟一個朋友在聊Web的AJAX時,很驚訝他的設計方法很原始,直接用的js直接調的.aspx,傳參來取得結果實現局部刷新,個人感覺這樣不好維護,也沒有靈活性.

怎樣能夠做到靈活?可維護性強?

做一個小實例出來,也加強一下印象.

jQuery+Web service來實現:Web service作后臺服務,用jQuery(js優秀框架)調此web service取得結果,如下是原理圖:

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

現在開始演示一個實例,開發工具如下為:Visual studio S 2008+jQuery1.4.1

1.新建一項目:MyService

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

2.Web service后臺代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

namespace MyService
{
///


/// Summary description for Service1
///

[WebService]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]//此處需要設定為ScriptService類型,js才能夠從web service取得值
public class Service1 : System.Web.Services.WebService
{

[WebMethod]
public string GetMessage(string name)
{
return "Hello,"+name;
}

[WebMethod]
public List GetMembers() {
List personList = new List();
personList.Add("AGAN");
personList.Add("MS");
personList.Add("ZURI");
personList.Add("JILI");
personList.Add("Who are you!");
return personList;
}

[WebMethod]
public string GetYourAge(string name) {
int age = 0;
switch(name.ToUpper()){
case "AGAN":
age = 18;
break;
case "MS":
age = 28;
break;
case "ZURI":
age = 25;
break;
case "JILI":
age = 23;
break;
default:
age = 30;
break;
}
return age.ToString();
}
}
}

 

注意在web.config中配置好默認文檔Service1.asmx,否則IIS中測試會報錯403的錯誤.






 

3.在項目解決方案中添加一Web setup項目MyServiceSetup,如下圖:

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

右鍵點擊MyServiceSetup安裝包,有Install(安裝),unInstall(卸載)點擊即可發布到IIS中或中IIS移除.

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

瀏覽已發布的這個Web service可以看到已公開的這方個方法,如圖所示:

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

現在我們來測試一下GetMambers()這個方法,如圖:

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

點"調用"后結果如下:

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

這說明發布的這個Web service已沒有問題,現在我們用jQuery來調這個服務來實現AJAX局部刷新的效果。

[page]
 

現在下載jQuery插件jquery-1.4.1.js

下載地址:http://www.6down.net/soft/html/13684.html

4. 建一個測試的項目來測試web service:TestMyService:

怎樣靈活使用Web的AJAX_JQuery調用Web service實現AJAX實現教程詳解

用js調用web service,一個按鈕取得ArrayOfString中的列表數據,點擊列表項調GetYourAge()方法取得某個人的相關信息(年齡),添加一html文件,把jquery-1.4.2.js把到js,

代碼和jquery代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestMyService._Default" %>












<script src="js/jquery-1.4.1.js" type="text/javascript"></script>


<script type="text/javascript">

function GetDataList()
{
$.ajax({
type:"POST",
contentType:"application/json",
url:"http://localhost/MyServiceSetup/Service1.asmx/GetMembers",//GetMembers是web service的方法名
data:"",//無參數類型
datatype:'json',
success:function(result){
try{
$('#listMembers').empty();
$(result.d).each(function() {//遍歷取得的結果
$("#listMembers").append("

學習教程快速掌握從入門到精通的電腦知識




主站蜘蛛池模板: 色综合天天综合网国产成人 | 青草全福视在线 | 羞羞影院男女午夜爽爽影视 | 亚洲国产观看 | 四虎国产永久免费久久 | 天天看片中文字幕 | 天天做天天爱天天影视综合 | 亚洲成人福利在线 | 日韩在线aⅴ免费视频 | 日狠狠| 日韩欧美精品在线视频 | 欧美在线免费 | 青草青草久热精品视频在线观看 | 青娱乐色| 欧美综合久久 | 午夜国产情侣拍视频 | 欧美特黄a级高清免费看片 欧美特黄a级高清免费大片 | 天天在线天天综合网色 | 日本高清视频色wwwwww色 | 在线精品91青草国产在线观看 | 日韩在线一区视频 | 婷婷国产| 天天澡天天碰天天狠伊人五月 | 色网站综合 | 亚洲手机在线手机观看高清hd | 日韩一区二区三区免费 | 欧美一卡二卡3卡4卡无卡免费 | 手机在线看片国产 | 日本亚洲免费 | 偷拍拍 | 亚洲成人三级 | 青草免费免费观看视频在线 | 天色噜噜噜噜 | 亚洲风情网 | 日韩精品小视频 | 色婷婷激婷婷深爱五月小说 | 亚洲国产一区二区三区最新 | 亚洲精品中文字幕无乱码 | 图片亚洲va欧美va国产综合 | 亚洲a毛片 | 欧美亚洲桃花综合 |