當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript调用WebServices

發布時間：2023/12/9 javascript 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript调用WebServices 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

經過幾天研究，終于可以再單個js文件(純JavaScript，不涉及AJax控件)調用WebServices了。現將調用方法及注意事項分享給大家

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例子
????????
????????
????</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中的回调函数
下一篇： gradle idea java ssm