如何在asp.net应用程序中使用jquery访问存储在服务器上的WebService

时间:2014-05-01 07:52:43

标签: c# jquery asp.net web-services

我正在开发一个asp.net应用程序 我创建了一个WebServices,它有一个名为“BindCategory”的WebMethod,它返回News-Category列表。我的应用程序中的WebService为:

namespace MobileNewsAppication
{
    /// <summary>
    /// Summary description for MobileServices
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 

    [System.Web.Script.Services.ScriptService]
    public class MobileServices : System.Web.Services.WebService
    {

        public class NewsCategory
        {
            public long Category_ID { get; set; }
            public string Category_Name { get; set; }
            public string QFlag { get; set; }
        }

        [WebMethod)]
        public NewsCategory[] BindCategory()
        {
            DataTable dt = new DataTable();
            List<NewsCategory> details = new List<NewsCategory>();

            using (SqlConnection con = new SqlConnection(Connection))
            {
                SqlCommand cmd = new SqlCommand("AllCategory_Select", con);
                cmd.CommandType = CommandType.StoredProcedure;

                con.Open();
                SqlDataAdapter da = new SqlDataAdapter(cmd);
                da.Fill(dt);
                foreach (DataRow dtrow in dt.Rows)
                {
                    NewsCategory Category = new NewsCategory();
                    Category.Category_Name = dtrow["Category_Name"].ToString();
                    Category.Category_ID = Convert.ToInt64(dtrow["Category_ID"].ToString());
                    details.Add(Category);
                }

            }
            return details.ToArray();
        }
    }
}

现在我已经在服务上部署了这个Web服务 现在我已经创建了另一个asp.net应用程序,我正在尝试访问服务器上的WebService 我的代码访问Web方法:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js">  
  </script>
        <script language="javascript" type="text/javascript">
        $(document).ready(function () {

        $.ajax({
            type: "POST",
            url: "http://webcall.com/MobileServices.asmx/BindCategory",
            data: "{}",
            dataType: "jsonp",
            contentType: "application/json; charset=utf-8",
            async: true,
            success: OnSuccess,
            error: OnError
        });

        function OnSuccess(data) {

            $.each(data.d, function (key, value) {
                $("#ulCategory").append("<li>" + value.Category_Name + "</li>");
            })

        }
        function OnError(data) {
            alert('fail');
        }

    });
</script>
</head>

<body>
    <div>
        <div style="width:200px;height:600px; background-color:#e8e8e8; float:left;">
            Category
         <ul id="ulCategory">
         </ul>
       </div>
    </div>
</body>
</html>

但我无法访问服务器上的WebMethod。我还在服务器上添加了该Web服务的Web引用,但它返回错误功能。
请帮帮我。

2 个答案:

答案 0 :(得分:1)

它说UseHttpGet = true,但是你在Jquery方法中进行POST调用。

答案 1 :(得分:0)

语法是否正确? (我不能肯定地记得。)在$ .ajax电话之后,那里有一个分号。应该是逗号,还有回调函数之间的逗号?或者他们可以这样分开吗?

或者像这样:

$.ajax({
type: "POST",
url: "etc",
dataType: "json",
    success: function (data) {
        ...
    } ...

另外,你是否必须向回调发送数据? (成功:OnSuccess(数据))还是自动?