使用JSON访问Web服务引用未找到任何Web服务

Question

I've searched but couldn't find a solution yet.

When I want to access my web service "costService.asmx" with JSON, client side to update an asp:chart in real time, I get an error from JSON saying that the web service "costService" could not be found.

I've tried almost everything: I followed this: http://encosia.com/using-jquery-to-consume-aspnet-json-web-services/

That code works but when I use it with my own service it doesn't work.

I've added

<webServices>
    <protocols>
        <add name="HttpSoap"/>
        <add name="HttpPost"/>
        <add name="HttpGet"/>
        <add name="Documentation"/>
        <add name="HttpPostLocalhost"/>
    </protocols>
</webServices>

I'm almost certain it's because I have separated my service and site as two projects. My site has a srevice reference called "CostServiceProxy" and using that server side on my site works without a problem.

so how do I make JSON use "CostServiceProxy" ie my service reference?

the client side code:

$(function () {
        //intercept the onchange event fire by element
        //with "graphType" ID (SELECT)
        $(".ddlChartType").change(function () {
            //get the attribute "value" of the OPTION
            //element selected and pass it as parameter
            getChartImage($("option:selected", this).attr("value"));
        });
    });

    function getChartImage(type) {
        if (type < 0) return;

        //create the object for passing data to Web Service
        var dataPassed = new Object();
        dataPassed.iType = type;

        //call a Web service with jQuery
        $.ajax({
            type: "POST",
            url: WebServiceURL + "/DrawChart",
            data: $.toJSON(dataPassed),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) { var data = $.evalJSON(msg).d; $("#ChartArea").attr("src", data); },
            error: function (XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.responseText); }
        });
    }

Server side I do:

CostServiceProxy.CostServiceSoapClient client = new CostServiceProxy.CostServiceSoapClient();

To use the methodes and objects from the service.

Edit

My WebService class:

namespace CostService {
/// <summary>
/// Summary description for CostService
/// </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 CostService : System.Web.Services.WebService {

My methode in that class:

[WebMethod]
public String DrawChart(Int32 iType, double CostToRender) {

When I look under the Net tab of firebig I see the following: Edit II

I've gotten it to work on my site by putting the methode on my default.aspx code behind. It still has some imperfections, but the chart with the data gets shown. I will now try and see if it works when I change the url to that of the webservice.

Answer 1

If you haven't modified your service at all, the first thing you'll need to do is make sure that the service class is decorated with the [ScriptService] attribute. That's what enables it to respond with JSON if you POST to it with a Content-Type of application/json . Without that attribute, you'll only get XML out (and it won't know how to interpret that JSON parameter string you're POSTing in either).