Chamando o serviço ASMX do código do lado do cliente jQuery - jquery, serviços da web

Eu tenho um projeto VS 2010 localmente onde eu tenho umServiço ASMX em execução localmente. Eu criei outro projeto do VS 2010 que tem que consumir esse serviço ASMX local. Por alguma razão, sempre que eu acionar o serviço, ele me dá 500 Erro de Serviço Interno. Ambos os aplicativos estão sendo executados em portas separadas.

 $.ajax(

{
type: "POST",
url: "http://localhost:22059/Mobile/HOCWebService.asmx/GetCategories",
data: "{}",
dataType: "json",
contentType:"application/json",
success: function (response) {

alert(response);

}
}

);

Respostas:

Ambos os aplicativos estão sendo executados em portas separadas.

Esse é o problema. Você está violando o mesma restrição de política de origem. Você não pode enviar solicitações AJAX para serviços que não estão hospedados na mesma origem da página que contém o script (portas diferentes => domínios diferentes).

CERTIFIQUE-SE DE QUE SEU ADIÇÃO DAS SEGUINTES LINHAS DE CÓDIGO ACIMA DA CLASSE DO WEBSERVICE

[System.Web.Script.Services.ScriptService]

DEPOIS DE ADICIONAR O CÓDIGO, OLHE COMO ABAIXO

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

ESTA LINHA DE CÓDIGO ACIMA PERMITIRÁ A CHAMADA DE CLINET AJAX PARA CONSUMIR O WEBSERVICE.

ENTÃO SEU CLIENTE COMEÇARÁ COSUMING