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

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

怎么靈活使用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人片在线观 | 色天天网| 日本不卡高清免费 | 欧美怡红院免费的视频 | 中文字幕亚洲无线码在一区 | 亚洲欧美日韩一区成人 | 青娱乐国产盛宴 | 亚洲1页| 天天干天天弄 | 天天综合视频 | 色综合天天操 | 亚洲欧美一级视频 | 四虎影视在线影院在线观看 | 亚洲性在线 | 亚洲手机在线观看 | 色视频综合| 日本视频播放免费线上观看 | 色综合久久精品中文字幕 | 青青青草视频在线观看 | 亚洲高清资源在线观看 | 四虎黄色网址 | 欧美一区二区三区免费观看视频 | 日韩欧美一卡二区 | 青青草黄 | 日本v片免费一区二区三区 日本vs欧美一区二区三区 | 日韩一级淫片 | 天堂在线最新版资源www | 天堂黄色| 揉美女胸的黄网站 | 欧美一及 | 日韩免费高清 | 日韩精品一区二区三区免费观看 | 在线成人免费观看国产精品 | 色天使久久综合网天天 | 日韩中文字幕精品一区在线 | 欧美一级爽快片淫片高清在线观看 | 中文字幕专区高清在线观看 | 天天看夜夜操 |