用JavaScript调用WebService的示例_Javascript教程-查字典教程网

步骤如下：

下载微软HTC组件：http://msdn.microsoft.com/archive/default.asp?url=/archive/en-us/samples/internet/behaviors/library/webservice/default.asp

Web服务WSDL:

<?xmlversion="1.0"encoding="UTF-8"?>

<definitionsname="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">

<URL>http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/HLP_PWS_SYSTEM_LOGIN_SELECT.htm</URL>

</document>

<types>

<schematargetNamespace="SCRM4U_SERVICE"xmlns="http://www.w3.org/2001/XMLSchema"xmlns:SOAP-ENC="http://schemas.xmlsoap.org/soap/encoding/"elementFormDefault="qualified">

<complexTypename="W_S_LOGIN_USER_INFO">

<all>

<elementname="W_V_USID"type="xsd:string">

</element>

<elementname="W_V_USER_MEI"type="xsd:string">

</element>

<elementname="W_V_USID2"type="xsd:string">

</element>

<elementname="W_V_REM_PHR"type="xsd:string">

</element>

<elementname="W_V_REM_RES"type="xsd:string">

</element>

<elementname="W_V_USR_AST"type="xsd:string">

</element>

<elementname="W_V_PSN_NO"type="xsd:string">

</element>

<elementname="W_V_MENUROLE_ID"type="xsd:string">

</element>

<elementname="W_V_USR_AST_NM"type="xsd:string">

</element>

<elementname="W_N_USR_AST_PRI_ORD"type="xsd:long">

</element>

<elementname="W_V_SCHOOL_ID"type="xsd:string">

</element>

<elementname="W_V_EXM_NO"type="xsd:string">

</element>

<elementname="W_V_SCRG_NO"type="xsd:string">

</element>

<elementname="W_V_GRNTR_PSN_NO"type="xsd:string">

</element>

</all>

</complexType>

<elementname="WS_SYSTEM_LOGIN_SELECT.Execute">

<elementminOccurs="1"maxOccurs="1"name="P_v_userid"type="xsd:string"/>

<elementminOccurs="1"maxOccurs="1"name="P_v_password"type="xsd:string"/>

</sequence>

</complexType>

</element>

<elementname="WS_SYSTEM_LOGIN_SELECT.ExecuteResponse">

<elementminOccurs="1"maxOccurs="1"name="P_s_login_user_info"type="tns1:W_S_LOGIN_USER_INFO"/>

</sequence>

</complexType>

</element>

</schema>

</types>

<messagename="WS_SYSTEM_LOGIN_SELECT.ExecuteSoapIn">

<partname="parameters"element="tns:WS_SYSTEM_LOGIN_SELECT.Execute"/>

</message>

<messagename="WS_SYSTEM_LOGIN_SELECT.ExecuteSoapOut">

<partname="parameters"element="tns:WS_SYSTEM_LOGIN_SELECT.ExecuteResponse"/>

</message>

<portTypename="WS_SYSTEM_LOGIN_SELECTSoapPort">

<operationname="Execute">

<inputmessage="wsdlns:WS_SYSTEM_LOGIN_SELECT.ExecuteSoapIn"/>

<outputmessage="wsdlns:WS_SYSTEM_LOGIN_SELECT.ExecuteSoapOut"/>

</operation>

</portType>

<bindingname="WS_SYSTEM_LOGIN_SELECTSoapBinding"type="wsdlns:WS_SYSTEM_LOGIN_SELECTSoapPort">

<soap:bindingtransport="http://schemas.xmlsoap.org/soap/http"/>

<operationname="Execute">

<soap:operationsoapAction="SCRM4U_SERVICEaction/AWS_SYSTEM_LOGIN_SELECT.Execute"/>

<input>

<soap:bodyuse="literal"/>

</input>

<soap:bodyuse="literal"/>

</output>

</operation>

</binding>

<servicename="WS_SYSTEM_LOGIN_SELECT">

<portname="WS_SYSTEM_LOGIN_SELECTSoapPort"binding="wsdlns:WS_SYSTEM_LOGIN_SELECTSoapBinding">

<soap:addresslocation="http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/aws_system_login_select"/>

</port>

</service>

</definitions>

演示代码：

<html>

<head>

</head>

<scriptlanguage="javascript">...

functiondoService(userid,password)...{

//service.useService({webservicelocation},{webserviceclassname})

service.useService("http://192.168.2.148:8080/SCRM4U_SERVICE/servlet/aws_system_login_select?wsdl","WS_SYSTEM_LOGIN_SELECT");

//service.Service.callService({webmethod},{inputparametersneeded})

service.WS_SYSTEM_LOGIN_SELECT.callService(showResult,"Execute",userid,password);

}

functionshowResult(result)...{

alert(result.value.W_V_USER_MEI);

}

</script>

<body>

<divid="service"></div>

UserName:<inputtype="text"id="userid"name="userid">

<br/>

PassWord:<inputtype="text"id="password"name="password">

<br/>

<inputtype="button"value="callWebservice"onClick="doService(document.getElementById('userid').value,document.getElementById('password').value)"/>

</body>

</html>

注意：如果服务返回值类型是String,直接用result.value即可取到值。