jquery实现调用webservice

1、webservice端

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.Services;

using System.Configuration;

using System.Data.SqlClient;

using System.Data;

/// <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 HelloWorld(string userName) {

return "Hello World"+userName;

}

}

红色部分在vs2010中编译会报错，找不到“System.Web.Script”引用。

解决办法：经在网上查阅属于vs2010的一个bug，当编译框架选择为.Net3.5 Framework时，程序却在物理路径C:\Program Files\Reference Assemblies\Microsoft\Framework\v3.0去找System.Web.Extentions.dll这个动态库，所以此时应该将物理路径C:\Program Files\Reference Assemblies\Microsoft\Framework\v3.5中的动态库System.Web.Extentions.dll拷贝到路径C:\Program
Files\Reference Assemblies\Microsoft\Framework\v3.0下面。

2、客户端

<script src="js/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function () {

$("#Button1").click(function () {

try {

$.ajax({

type: "POST", //访问WebService使用post方式请求

contentType: "application/json;utf-8", //WebService会返回json类型

url: "http://localhost:8321/WebService.asmx/HelloWorld", //调用WebService的地址和方法名称组合

data: "{userName:'Jodie'}", //这里是要传递的参数，格式为data:"{paraName:paraValue}"

dataType: "json",

success: function (result) {

$("#result").html(result.d);

alert(result.d);

}

})

}

catch (ex) {

alert(ex);

}

})

})

</script>

完成客户端与服务器端的编写后调试发现，在IE中正常，但是在FireFox中死活出不来，这时郁闷了……百思不得其解，最终发现是跨域问题

解决办法：将webservice于客户端发布在同一个根目录下，如图所示