當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript调用WebServices
生活随笔
收集整理的這篇文章主要介紹了
JavaScript调用WebServices
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
經過幾天研究，終于可以再單個js文件(純JavaScript，不涉及AJax控件)調用WebServices了?，F將調用方法及注意事項分享給大家
1、WebServices文件源碼WebService.asmx
using?System;using?System.Collections;
using?System.Linq;
using?System.Web;
using?System.Web.Services;
using?System.Web.Services.Protocols;
using?System.Xml.Linq;
/**////?<summary>
///WebService?的摘要說明
///?</summary>
[WebService(Namespace?=?"http://tempuri.org/")]
[WebServiceBinding(ConformsTo?=?WsiProfiles.BasicProfile1_1)]
//若要允許使用?ASP.NET?AJAX?從腳本中調用此?Web?服務，請取消對下行的注釋。?
//?[System.Web.Script.Services.ScriptService]
public?class?WebService?:?System.Web.Services.WebService?{
????public?WebService?()?{
????????//如果使用設計的組件，請取消注釋以下行?
????????//InitializeComponent();?
????}
????[WebMethod]
????public?string?GetColumns(string?strParameter)?
????{
????????return?"{header:?\"用戶編號\",dataIndex:?\"UserCode\",tooltip:?\"用戶編號\",sortable:?true},?{header:?\"用戶名稱\",dataIndex:?\"UserName\",tooltip:?\"用戶名稱\",sortable:?true},?{header:?\"用戶類型\",dataIndex:?\"UserType\",tooltip:?\"用戶類型\",sortable:?true},?{header:?\"性別\",dataIndex:?\"Sex\",tooltip:?\"性別\",sortable:?true},?{header:?\"職位名稱\",dataIndex:?\"PositionName\",tooltip:?\"職位名稱\",sortable:?true},?{header:?\"電話\",dataIndex:?\"Telephone\",tooltip:?\"電話\",sortable:?true},?{header:?\"郵箱\",dataIndex:?\"Email\",tooltip:?\"郵箱\",sortable:?true},?{header:?\"地址\",dataIndex:?\"Address\",tooltip:?\"地址\",sortable:?true},?{header:?\"部門名稱\",dataIndex:?\"DepartName\",tooltip:?\"部門名稱\",sortable:?true},?{header:?\"備注\",dataIndex:?\"Remark\",tooltip:?\"備注\",sortable:?true}";?;
????}
????
}
2、JavaScript文件源碼 ClientLibrary.js
var?objColoms;????
CallWebServiceMethod();??//調用WebServices
function?CallWebServiceMethod(data)
{
????var?xmlhttp?=?new?ActiveXObject("Microsoft.XMLHTTP");?
????
????var?url="http://localhost:6808/JSWebServices/WebService.asmx/GetColumns?strParameter=zhangps";?
????
????xmlhttp.Open("Get",url,?false);?
????
????xmlhttp.SetRequestHeader("Content-Type","text/xml;?charset=utf-8");?
????
????xmlhttp.SetRequestHeader("SOAPAction","http://tempuri.org/GetColumns");?
????
????xmlhttp.Send(data);?
????
????var?result?=?xmlhttp.status;?
????
????if(result==200)?
????{?
????????var?responseText?=?xmlhttp.responseXML.text;
????????
????????objColoms?=?"[sm,"?+?responseText?+?"]";
????}
????
????xmlhttp?=?null;?
}
//var?extColumModel?=?new?Ext.grid.ColumnModel(eval(objColoms));
?3、Aspx頁面或Html頁面源碼Default.aspx（近起到引用JavaScript文件作用）
<%@?Page?Language="C#"?AutoEventWireup="true"??CodeFile="Default.aspx.cs"?Inherits="_Default"?%><!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head?runat="server">
????<title>JavaScript調用WebServices</title>
????<script?language="javascript"?src="ClientLibrary.js"?type="text/javascript"></script>
</head>
<body>
????<form?id="form1"?runat="server">
????<div>
????????純JavaScript調用WebServices例子
????????
????????<!--注意：需要在WebConfig中加入以下配置：
????????<system.web>
????????<webServices>
??????????<protocols>
????????????<add?name="HttpSoap"?/>
????????????<add?name="HttpPost"?/>
????????????<add?name="HttpGet"?/>
????????????<add?name="Documentation"?/>
??????????</protocols>
????????</webServices>
????????</system.web>
????????//-->
????</div>
????</form>
</body>
</html>
4、注意事項：Web.Config中必須做一下配置
<system.web>???<webServices>
??????<protocols>
???????<add?name="HttpSoap"?/>
???????<add?name="HttpPost"?/>
???????<add?name="HttpGet"?/>
???????<add?name="Documentation"?/>
??????</protocols>
???</webServices>
</system.web>
源碼下載
轉載于:https://www.cnblogs.com/caoguanghong/archive/2009/04/14/1436026.html
總結
以上是生活随笔為你收集整理的JavaScript调用WebServices的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 3分钟理解完java中的回调函数
- 下一篇： J.U.C之AQS