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

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

怎么靈活使用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("

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




主站蜘蛛池模板: 羞羞人成午夜爽爽影院 | 亚洲国产成人久久一区久久 | 四虎影院黄色 | 日韩伦理一区 | 亚洲第一视频在线观看 | 日本一区二区三区在线看 | 午夜视频高清在线aaa | 四虎影院2022 | 色非网| 日韩在线观看中文字幕 | 小说区 亚洲 自拍另类 | 一二三四影院网在线观看免费 | 日产精品卡二卡三卡四卡乱码视频 | 中文字幕欧美在线观看 | 亚洲福利二区 | 天天射天天拍 | 我在修仙世界朝九晚五漫画免费观看 | 欧美亚洲国产精品 | 人人揉人人爽五月天视频 | 日韩欧美亚洲综合 | 亚洲乱码在线视频 | 日本中文字幕在线观看 | 五月婷婷六月合 | 日本三区四区免费高清不卡 | 青青娱乐 | 日本天堂网在线观看 | 青青草久热精品视频在线观看 | 午夜在线播放 | 先锋影音在线资源站大全 | 青青草国产免费久久久下载 | 天天怕夜夜怕狠狠怕 | 亚洲欧洲日韩在线 | 欧美午夜久久 | 啪啪网站免费观看 | 欧洲vps一级视频 | 污视频在线免费观看 | 日本七大伦理经典在线观看 | 午夜国产在线观看 | 青青娱乐网 | 日本中文字幕在线视频站 | 午夜老司机福利 |