jQuery Call to WebService restituisce l'errore "Nessun trasporto"

Ho il seguente servizio web;

    [WebMethod]
    public string HelloWorld()
    {
        return "Hello World";
    }

È standard di serie senza modifiche ai decoratori di classe.

Ho questo metodo jQuery;

var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; 

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: "{}",  
    dataType: "json",
    url: webMethod,
    success: function(msg){ alert(msg.d); },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert(errorThrown);
          }
});

È un'azione post perché in seguito ho bisogno di pubblicare dati su di essa.

Quando eseguo jQuery, viene restituito un errore "Nessun trasporto".

Una cosa che dovrei anche menzionare è che jQuery è memorizzato in un semplice file HTML sulla mia macchina e anche il WebService è in esecuzione sulla mia macchina.

Non c'è codice dietro nella pagina HTML, è semplicemente una pagina web e non un progetto ac # o altro.

Qualcuno può indicarmi la giusta direzione qui?

Se la tua pagina jQuery non viene caricata da http://localhost:54473allora, probabilmente questo problema è dovuto al fatto che stai provando a fare una richiesta tra domini.

Aggiornamento 1 Dai un'occhiata a questo post sul blog .

Aggiornamento 2 Se questo è davvero il problema (e sospetto che lo sia), potresti voler controllare JSONP come soluzione. Ecco alcuni link che potrebbero aiutarti a iniziare:

• https://en.wikipedia.org/wiki/JSON
• http://remysharp.com/2007/10/08/what-is-jsonp/
• http://www.west-wind.com/weblog/posts/107136.aspx

Aggiungi questo: jQuery.support.cors = true;

Abilita lo scripting cross-site in jQuery (introdotto dopo 1.4x, credo).

Stavamo usando una versione davvero vecchia di jQuery (1.3.2) e l'abbiamo sostituita con 1.6.1. Tutto funzionava, tranne le chiamate .ajax (). L'aggiunta della riga precedente ha risolto il problema.

Ho avuto lo stesso errore su una pagina e ho aggiunto queste righe:

<!--[if lte IE 9]>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js'></script>
<![endif]-->

e finalmente funziona per me;) niente più errore in IE9.

Nessuna delle risposte proposte ha funzionato completamente per me. Il mio caso d'uso è leggermente diverso (facendo un Ajax arriva ad un file S3 .json in IE9). L'impostazione jQuery.support.cors = true;ha eliminato l' No Transporterrore ma continuavo a ricevere Permission deniederrori.

Quello che ha funzionato per me è stato usare jQuery-ajaxTransport-XDomainRequest per forzare IE9 a usare XDomainRequest. L'uso di questo non ha richiesto l'impostazionejQuery.support.cors = true;

lo risolvo usando dataType = 'jsonp' al posto di dataType = 'json'

Anch'io ho riscontrato questo problema e tutte le soluzioni sopra indicate sono fallite o non erano applicabili a causa delle restrizioni del servizio web del cliente.

Per questo, ho aggiunto un iframe nella mia pagina che risiedeva nel server del client. Pertanto, quando pubblichiamo i nostri dati su iframe e iframe, li pubblichiamo sul servizio web. Quindi il riferimento tra domini viene eliminato.

Abbiamo aggiunto un controllo dell'origine a 2 vie per confermare solo i dati dei post delle pagine autorizzati da e verso l'iframe.

Spero che sia d'aiuto

<iframe style="display:none;" id='receiver' name="receiver" src="https://iframe-address-at-client-server">
 </iframe>

//send data to iframe
var hiddenFrame = document.getElementById('receiver').contentWindow;
hiddenFrame.postMessage(JSON.stringify(message), 'https://client-server-url');

//The iframe receives the data using the code:
window.onload = function () {
    var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
    var eventer = window[eventMethod];
    var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
    eventer(messageEvent, function (e) {
        var origin = e.origin;
        //if origin not in pre-defined list, break and return
        var messageFromParent = JSON.parse(e.data);
        var json = messageFromParent.data;

        //send json to web service using AJAX   
        //return the response back to source
        e.source.postMessage(JSON.stringify(aJAXResponse), e.origin);
    }, false);
}

Per me è una storia completamente diversa.
Poiché questa pagina ha un buon posizionamento nei motori di ricerca, dovrei aggiungere il mio caso e la soluzione anche qui.

Ho costruito jqueryio stesso con webpackla raccolta solo i moduli che uso. L'ajax è sempre fallito con il messaggio "Nessun trasporto" come unico indizio.

Dopo un lungo debug, il problema risulta essere XMLHttpRequestcollegabile jquerye non incluso per impostazione predefinita.

Devi includere esplicitamente il jquery/src/ajax/xhrfile per far funzionare ajax nei browser.

L'ho risolto semplicemente rimuovendo il dominio dall'URL della richiesta.

Before: https://some.domain.com/_vti_bin/service.svc

After: /_vti_bin/service.svc