CODEWITHSUNDEEP
asp.net-web-apixmlhttprequest
Mukaddes
Mukaddes

Reputation: 307

Calling ASP.NET Web Service with XMLHttpRequest

I have a web service defined as:

[ScriptService]
public class LoginController : ApiController
{
    [HttpGet]
    [WebMethod]
    public IEnumerable<string> getUsers()
    {
        try
        {
            using (var context = new questionanswerEntities())
            {
                var users = context.users.ToList();
                string[] result = new string[users.Count];

                for (int i = 0; i < users.Count; ++i)
                {
                    user u = users[i];
                    result[i] = u.id + " " + u.name + " " + u.email;
                }

                return result;
            }
        }
        catch (MySqlException ex)
        {
            throw (ex);
        }
        catch (EntityException ex) 
        {
            throw (ex);
        }
    }
}

I have published this service to my localhost and I am able to call and test it with a browser and the result is:

<ArrayOfstring>
    <string>1 Olcay [email protected]</string>
    <string>2 Mukaddes [email protected]</string>
    <string>3 Saduman [email protected]</string>
    <string>4 Bernam [email protected]</string>
    <string>8 Bernella [email protected]</string>
    <string>9 Bernella [email protected]</string>
    <string>10 Bernella [email protected]</string>
    <string>11 Bernella [email protected]</string>
    <string>12 Bernella [email protected]</string>
    <string>13 Bernella [email protected]</string>
    <string>14 lala [email protected]</string>
    <string>15 lala [email protected]</string>
</ArrayOfstring>

What I need is to call this service from JavaScript. I am trying this:

function callService() {
    var url = "http://localhost:1903/QATest/login/getUsers";
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.setRequestHeader("Content-type", "application/json");
    xhr.onload = function () {
        var response = xhr.responseText;
        console.log("XHR - onload - Result of getUsers: " + response);
        document.getElementById('response').innerHTML = "Response: " + response;
    };
    xhr.onerror = function () {
        console.log("XHR - onerror - Web servis cagirilirken hata olustu!");
    };
    xhr.send();
};

But getting this error:

XMLHttpRequest cannot load http://localhost:1903/QATest/login/getUsers. Invalid HTTP status code 405

My ASP.NET service is hosted on my localhost and client side codes are hosted at my remote host at 'www.olcayertas.com'.

What am I doing wrong?

UPDATE:

I have started this project as ASP.NET Web application and then selected Web API option. So there is no any asmx files as web service projects. But Exposing Web Services to Client Script suggests adding following to client side for ASP.NET web pages:

<asp:ScriptManager runat="server" ID="scriptManager">
  <Services>
    <asp:ServiceReference
       path="~/WebServices/SimpleWebService.asmx" />
  </Services>
</asp:ScriptManager>

But I have to call my services using JavaScript from a PHP page. How can I do that?

Upvotes: 0

Views: 1444

Answers (1)

Dave Anderson
Dave Anderson

Reputation: 12294

You are being blocked because you are attempting a Cross-Origin XMLHttpRequest which fails because of the Same-origin policy

You will need to configure CORS on you local host to allow requests from 'www.olcayertas.com'. With IIS you might just need to add this to the web.config;

<add name="Access-Control-Allow-Origin" value="*" />

Be careful though as this opens up your service to requests from any domain. You should probably only allow requests from 'www.olcayertas.com' if you know this is the only consumer of your web service.

Upvotes: 1

Related Questions