JS调用WebService
2009-02-08 09:56
嗯，JS调用WebService一共有两种做法吧，呵呵，我就知道这两种，路过的朋友如果知道还有其它的方法，还请指点下，共同进步么，呵呵。嗯，直接贴源码吧。
法一：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>测试javascript调用WebService</title>
<script type="text/javascript" language=javascript>
function test()
{
//实际上HelloWorld函数中只有一个参数,这里的第2个"test2"是用来接收返回值的
//如果没有返回值则不需要
WebService.HelloWorld("Qinggeer",test2);
}
function test2(str)
{
alert(str);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="WebService.asmx" />
</Services>
</asp:ScriptManager>
<input id="Button1" type="button" value="button" onclick="javascript:test();" />
</form>
</body>
</html>
WebService代码：
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
/// <summary>
/// WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {
public WebService () {
//如果使用设计的组件，请取消注释以下行
//InitializeComponent();
}
[WebMethod]
public string HelloWorld(string str) {
return str;
}
[WebMethod]
public string SayHello(string Name)
{
return "Hello " + Name;
}
}
法二：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>
<!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>
<title>
Call webservice with javascript and xmlhttp.
</title>
</head>
<script language="javascript" type="text/javascript">
function RequestByGet(url,data)
{
var xmlhttp;
try
{
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(E)
{
xmlhttp=null;
}
}
if(!xmlhttp&&typeof(XMLHttpRequest)!=="undefined")
{
xmlhttp=new XMLHttpRequest();
}
xmlhttp.Open("GET",url, false);
xmlhttp.Send(data);
var result = xmlhttp.status;
if(result==200)
{
document.write(xmlhttp.responseText);
}
xmlhttp = null;
}
function RequestByPost(url,value)
{
var xmlhttp;
try{
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(E)
{
xmlhttp=null;
}
}
if(!xmlhttp&&typeof(XMLHttpRequest)!=="undefined")
{
xmlhttp=new XMLHttpRequest();
}
xmlhttp.Open("POST",url, false);
xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=gb2312");
xmlhttp.Send(data);
document.write( xmlhttp.responseText);
}
</script>
<body>
<input type="button" value="CallWebserviceByGet" onClick="RequestByGet('http://localhost:2096/AJAXEnabledWebSite1/WebService.asmx/SayHello?Name=Qinggeer',null)">
</body>
</html>
嗯，第二种方法的，如果调用不成功或提示“因 URL 意外地以xxx结束，请求格式无法识别”，要在webservice的 <system.web> 节点下加入
<webServices>
<protocols>
<add name= "HttpPost" />
<add name= "HttpGet" />
</protocols>
</webServices>
JS调用WebService的几种方式
http://netboy.cnblogs.com/archive/2006/02/18/333260.html
嗯，Asp.net 调用Webservice常见问题：
http://hi.baidu.com/balckcoffee855/blog/item/ca38dc397a70aef03b87ce04.html
html.zip （55个子文件） 
html 
js webservice - 拂晓 - ITeye技术网站.htm 39KB
JavaScriptSOAP(V2).rar 50KB Webservice-[0] - - ITeye技术网站.htm 37KB
js+webservice.txt 5KB js webservice - 拂晓 - ITeye技术网站.files 468x60v2.htm 619B application.js 233KB
offline.gif 682B t_sina.gif 2KB icon_minigender_1.gif 143B
rss.png 534B rss_google.gif 701B shCoreCommon.js 23KB t_qq.gif 2KB weiboshare.js 2KB hotkey.js 3KB code_favorites.js 2KB SyntaxHighlighter.css 2KB spinner.gif 2KB blue.css 2KB compress.js 17KB user-logo-thumb.gif 2KB 468x60v2.files show_ads.js 13KB blog.css 54KB newpm.gif 601B user-logo.gif 2KB ui.css 2KB JavaScriptSOAP.rar 47KB Webservice-[0] - - ITeye技术网站.files 468x60v2.htm 617B a08231df-082c-3659-872e-4861408aa6ea.gif 17KB application.js 233KB offline.gif 682B t_sina.gif 2KB icon_minigender_1.gif 143B rss.png 534B rss_google.gif 701B icon_copy.gif 578B shCoreCommon.js 23KB 3d92ec2a-b939-38f5-beae-ba049ee19178.gif 47KB
a06aac2c-f8e0-3707-aa2c-69d77a321595-thumb.jpg 1KB t_qq.gif 2KB weiboshare.js 2KB hotkey.js 3KB code_favorites.js 2KB SyntaxHighlighter.css 2KB spinner.gif 2KB blue.css 2KB compress.js 17KB user-logo-thumb.gif 2KB 468x60v2.files show_ads.js 13KB blog.css 54KB newpm.gif 601B 6638a752-18ed-3777-99fb-e049c09c97a6.gif 23KB ui.css 2KB 121ce5d4-1a9c-3819-b747-837c0d7e1761.jpg 4KB Storm.rar 1.98MB资源评论
xingyi75692013-02-26基本上都是网上下的例子，非原创~~
神哥32082013-07-10还好，但是功能还不全
