用JavaScript調(diào)用WebService的示例
更新時間:2008年04月07日 20:29:27 作者:
JavaScript用htc實現(xiàn)WebService的調(diào)用
步驟如下:
下載微軟HTC組件:http://msdn.microsoft.com/archive/default.asp?url=/archive/en-us/samples/internet/behaviors/library/webservice/default.asp
Web服務(wù)WSDL:
<?xml version="1.0" encoding="UTF-8"?>
<definitions name="WS_SYSTEM_LOGIN_SELECT" targetNamespace="SCRM4U_SERVICE" xmlns:tns="SCRM4U_SERVICE" xmlns:wsdlns="SCRM4U_SERVICE" xmlns:soap="http://schemas.xmlsoap.org/wsdl/soap/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://schemas.xmlsoap.org/wsdl/" xmlns:tns1="SCRM4U_SERVICE">
<document>
<URL>http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/HLP_PWS_SYSTEM_LOGIN_SELECT.htm</URL>
<line>?</line>
</document>
<types>
<schema targetNamespace="SCRM4U_SERVICE" xmlns="http://www.w3.org/2001/XMLSchema" xmlns:SOAP-ENC="http://schemas.xmlsoap.org/soap/encoding/" elementFormDefault="qualified">
<complexType name="W_S_LOGIN_USER_INFO">
<all>
<element name="W_V_USID" type="xsd:string">
</element>
<element name="W_V_USER_MEI" type="xsd:string">
</element>
<element name="W_V_USID2" type="xsd:string">
</element>
<element name="W_V_REM_PHR" type="xsd:string">
</element>
<element name="W_V_REM_RES" type="xsd:string">
</element>
<element name="W_V_USR_AST" type="xsd:string">
</element>
<element name="W_V_PSN_NO" type="xsd:string">
</element>
<element name="W_V_MENUROLE_ID" type="xsd:string">
</element>
<element name="W_V_USR_AST_NM" type="xsd:string">
</element>
<element name="W_N_USR_AST_PRI_ORD" type="xsd:long">
</element>
<element name="W_V_SCHOOL_ID" type="xsd:string">
</element>
<element name="W_V_EXM_NO" type="xsd:string">
</element>
<element name="W_V_SCRG_NO" type="xsd:string">
</element>
<element name="W_V_GRNTR_PSN_NO" type="xsd:string">
</element>
</all>
</complexType>
<element name="WS_SYSTEM_LOGIN_SELECT.Execute">
<complexType>
<sequence>
<element minOccurs="1" maxOccurs="1" name="P_v_userid" type="xsd:string"/>
<element minOccurs="1" maxOccurs="1" name="P_v_password" type="xsd:string"/>
</sequence>
</complexType>
</element>
<element name="WS_SYSTEM_LOGIN_SELECT.ExecuteResponse">
<complexType>
<sequence>
<element minOccurs="1" maxOccurs="1" name="P_s_login_user_info" type="tns1:W_S_LOGIN_USER_INFO"/>
</sequence>
</complexType>
</element>
</schema>
</types>
<message name="WS_SYSTEM_LOGIN_SELECT.ExecuteSoapIn">
<part name="parameters" element="tns:WS_SYSTEM_LOGIN_SELECT.Execute"/>
</message>
<message name="WS_SYSTEM_LOGIN_SELECT.ExecuteSoapOut">
<part name="parameters" element="tns:WS_SYSTEM_LOGIN_SELECT.ExecuteResponse"/>
</message>
<portType name="WS_SYSTEM_LOGIN_SELECTSoapPort">
<operation name="Execute">
<input message="wsdlns:WS_SYSTEM_LOGIN_SELECT.ExecuteSoapIn"/>
<output message="wsdlns:WS_SYSTEM_LOGIN_SELECT.ExecuteSoapOut"/>
</operation>
</portType>
<binding name="WS_SYSTEM_LOGIN_SELECTSoapBinding" type="wsdlns:WS_SYSTEM_LOGIN_SELECTSoapPort">
<soap:binding style="document" transport="http://schemas.xmlsoap.org/soap/http"/>
<operation name="Execute">
<soap:operation soapAction="SCRM4U_SERVICEaction/AWS_SYSTEM_LOGIN_SELECT.Execute"/>
<input>
<soap:body use="literal"/>
</input>
<output>
<soap:body use="literal"/>
</output>
</operation>
</binding>
<service name="WS_SYSTEM_LOGIN_SELECT">
<port name="WS_SYSTEM_LOGIN_SELECTSoapPort" binding="wsdlns:WS_SYSTEM_LOGIN_SELECTSoapBinding">
<soap:address location="http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/aws_system_login_select"/>
</port>
</service>
</definitions>
演示代碼:
<html>
<head>
</head>
<script language="javascript">...
function doService(userid, password) ...{
//service.useService({webservice location},{webservice class name})
service.useService("http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/aws_system_login_select?wsdl","WS_SYSTEM_LOGIN_SELECT");
//service.Service.callService({webmethod},{input parameters needed})
service.WS_SYSTEM_LOGIN_SELECT.callService(showResult, "Execute", userid, password);
}
function showResult(result)...{
alert(result.value.W_V_USER_MEI);
}
</script>
<body>
<div id="service" style="behavior:url(./webservice.htc)" ></div>
UserName:<input type="text" id="userid" name="userid">
<br/>
PassWord:<input type="text" id="password" name="password">
<br/>
<input type="button" value="callWebservice" onClick="doService(document.getElementById('userid').value,document.getElementById('password').value)"/>
</body>
</html>
注意:如果服務(wù)返回值類型是String,直接用result.value即可取到值。
下載微軟HTC組件:http://msdn.microsoft.com/archive/default.asp?url=/archive/en-us/samples/internet/behaviors/library/webservice/default.asp
Web服務(wù)WSDL:
<?xml version="1.0" encoding="UTF-8"?>
<definitions name="WS_SYSTEM_LOGIN_SELECT" targetNamespace="SCRM4U_SERVICE" xmlns:tns="SCRM4U_SERVICE" xmlns:wsdlns="SCRM4U_SERVICE" xmlns:soap="http://schemas.xmlsoap.org/wsdl/soap/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://schemas.xmlsoap.org/wsdl/" xmlns:tns1="SCRM4U_SERVICE">
<document>
<URL>http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/HLP_PWS_SYSTEM_LOGIN_SELECT.htm</URL>
<line>?</line>
</document>
<types>
<schema targetNamespace="SCRM4U_SERVICE" xmlns="http://www.w3.org/2001/XMLSchema" xmlns:SOAP-ENC="http://schemas.xmlsoap.org/soap/encoding/" elementFormDefault="qualified">
<complexType name="W_S_LOGIN_USER_INFO">
<all>
<element name="W_V_USID" type="xsd:string">
</element>
<element name="W_V_USER_MEI" type="xsd:string">
</element>
<element name="W_V_USID2" type="xsd:string">
</element>
<element name="W_V_REM_PHR" type="xsd:string">
</element>
<element name="W_V_REM_RES" type="xsd:string">
</element>
<element name="W_V_USR_AST" type="xsd:string">
</element>
<element name="W_V_PSN_NO" type="xsd:string">
</element>
<element name="W_V_MENUROLE_ID" type="xsd:string">
</element>
<element name="W_V_USR_AST_NM" type="xsd:string">
</element>
<element name="W_N_USR_AST_PRI_ORD" type="xsd:long">
</element>
<element name="W_V_SCHOOL_ID" type="xsd:string">
</element>
<element name="W_V_EXM_NO" type="xsd:string">
</element>
<element name="W_V_SCRG_NO" type="xsd:string">
</element>
<element name="W_V_GRNTR_PSN_NO" type="xsd:string">
</element>
</all>
</complexType>
<element name="WS_SYSTEM_LOGIN_SELECT.Execute">
<complexType>
<sequence>
<element minOccurs="1" maxOccurs="1" name="P_v_userid" type="xsd:string"/>
<element minOccurs="1" maxOccurs="1" name="P_v_password" type="xsd:string"/>
</sequence>
</complexType>
</element>
<element name="WS_SYSTEM_LOGIN_SELECT.ExecuteResponse">
<complexType>
<sequence>
<element minOccurs="1" maxOccurs="1" name="P_s_login_user_info" type="tns1:W_S_LOGIN_USER_INFO"/>
</sequence>
</complexType>
</element>
</schema>
</types>
<message name="WS_SYSTEM_LOGIN_SELECT.ExecuteSoapIn">
<part name="parameters" element="tns:WS_SYSTEM_LOGIN_SELECT.Execute"/>
</message>
<message name="WS_SYSTEM_LOGIN_SELECT.ExecuteSoapOut">
<part name="parameters" element="tns:WS_SYSTEM_LOGIN_SELECT.ExecuteResponse"/>
</message>
<portType name="WS_SYSTEM_LOGIN_SELECTSoapPort">
<operation name="Execute">
<input message="wsdlns:WS_SYSTEM_LOGIN_SELECT.ExecuteSoapIn"/>
<output message="wsdlns:WS_SYSTEM_LOGIN_SELECT.ExecuteSoapOut"/>
</operation>
</portType>
<binding name="WS_SYSTEM_LOGIN_SELECTSoapBinding" type="wsdlns:WS_SYSTEM_LOGIN_SELECTSoapPort">
<soap:binding style="document" transport="http://schemas.xmlsoap.org/soap/http"/>
<operation name="Execute">
<soap:operation soapAction="SCRM4U_SERVICEaction/AWS_SYSTEM_LOGIN_SELECT.Execute"/>
<input>
<soap:body use="literal"/>
</input>
<output>
<soap:body use="literal"/>
</output>
</operation>
</binding>
<service name="WS_SYSTEM_LOGIN_SELECT">
<port name="WS_SYSTEM_LOGIN_SELECTSoapPort" binding="wsdlns:WS_SYSTEM_LOGIN_SELECTSoapBinding">
<soap:address location="http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/aws_system_login_select"/>
</port>
</service>
</definitions>
演示代碼:
<html>
<head>
</head>
<script language="javascript">...
function doService(userid, password) ...{
//service.useService({webservice location},{webservice class name})
service.useService("http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/aws_system_login_select?wsdl","WS_SYSTEM_LOGIN_SELECT");
//service.Service.callService({webmethod},{input parameters needed})
service.WS_SYSTEM_LOGIN_SELECT.callService(showResult, "Execute", userid, password);
}
function showResult(result)...{
alert(result.value.W_V_USER_MEI);
}
</script>
<body>
<div id="service" style="behavior:url(./webservice.htc)" ></div>
UserName:<input type="text" id="userid" name="userid">
<br/>
PassWord:<input type="text" id="password" name="password">
<br/>
<input type="button" value="callWebservice" onClick="doService(document.getElementById('userid').value,document.getElementById('password').value)"/>
</body>
</html>
注意:如果服務(wù)返回值類型是String,直接用result.value即可取到值。
您可能感興趣的文章:
- 用Jquery訪問WebService并返回Json的代碼
- Javascript調(diào)用Webservice的多種方法
- javascript與webservice的通信實現(xiàn)代碼
- jQuery結(jié)合Json提交數(shù)據(jù)到Webservice,并接收從Webservice返回的Json數(shù)據(jù)
- js調(diào)用webservice中的方法實現(xiàn)思路及代碼
- JSP使用Servlet過濾器進(jìn)行身份驗證的方法
- Nodejs中session的簡單使用及通過session實現(xiàn)身份驗證的方法
- AngularJS身份驗證的方法
- js調(diào)用webservice構(gòu)造SOAP進(jìn)行身份驗證
相關(guān)文章
Three.js+React實現(xiàn)3D文字懸浮效果
這篇文章主要介紹了如何利用Three.js+React制作出神奇的3D文字懸浮效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動手嘗試一下2022-03-03Javascript中this關(guān)鍵字的一些小知識
這篇文章主要介紹了Javascript中this關(guān)鍵字的一些小知識,本文講解了this的隱性綁定、var that = this兩部份內(nèi)容,需要的朋友可以參考下2015-03-03