JQuery.ajax'ta içerik türü 'application / json' olarak ayarlanamaz

Bu koda sahip olduğumda

$.ajax({
    type: 'POST',
    //contentType: "application/json",
    url: 'http://localhost:16329/Hello',
    data: { name: 'norm' },
    dataType: 'json'
});

Fiddler'da şu ham isteği görebiliyorum

POST http://localhost:16329/Hello HTTP/1.1
Host: localhost:16329
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0.2) Gecko/20100101 Firefox/10.0.2
Accept: application/json, text/javascript, */*; q=0.01
Accept-Language: ru-ru,ru;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Connection: keep-alive
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Referer: http://localhost:14693/WebSite1/index.html
Content-Length: 9
Origin: http://localhost:14693
Pragma: no-cache
Cache-Control: no-cache

name=norm

Fakat benim çalışıyorum den ayarlanan içerik tipine olduğu uygulamanın / x-www-form-urlencoded için uygulama / json . Ama bu kod

$.ajax({
    type: "POST",
    contentType: "application/json",
    url: 'http://localhost:16329/Hello',
    data: { name: 'norm' },
    dataType: "json"
});

Garip istek üretiyor (Fiddler'da görebildiğim)

OPTIONS http://localhost:16329/Hello HTTP/1.1
Host: localhost:16329
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0.2) Gecko/20100101 Firefox/10.0.2
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: ru-ru,ru;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Connection: keep-alive
Origin: http://localhost:14693
Access-Control-Request-Method: POST
Access-Control-Request-Headers: content-type
Pragma: no-cache
Cache-Control: no-cache

Neden? Orada POST olması gerektiğinde OPTIONS nedir? Ve içerik türüm nerede application / json olarak ayarlandı? Ve bazı nedenlerden dolayı istek parametreleri gitti.

GÜNCELLEME 1

Sunucu tarafında gerçekten basit RESTful hizmetim var.

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class RestfulService : IRestfulService
{
    [WebInvoke(
        Method = "POST",
        UriTemplate = "Hello",
        ResponseFormat = WebMessageFormat.Json)]
    public string HelloWorld(string name)
    {
        return "hello, " + name;
    }
}

Ancak bazı nedenlerden dolayı bu yöntemi parametrelerle arayamıyorum.

GÜNCELLEME 2

Bu kadar uzun cevap vermediğim için üzgünüm.

Bu üstbilgileri sunucu yanıtıma ekledim

 Access-Control-Allow-Origin: *
 Access-Control-Allow-Headers: Content-Type
 Access-Control-Allow-Methods: POST, GET, OPTIONS

Yardımcı olmadı, Yönteme sunucudan izin verilmedi .

İşte kemancımın söylediği

Artık sunucumun POST, GET, OPTIONS kabul ettiğinden emin olabilirim (yanıt başlıkları beklediğim gibi çalışıyorsa). Ama neden "Yönteme izin verilmiyor"?

Sunucudan gelen WebView yanıtında ( yukarıdaki resimde Ham yanıtı görebilirsiniz ) şuna benzer

Görünüşe göre kaldırma http:// url seçeneğinden doğru HTTP POST başlığının gönderilmesini sağladığı .

Ana bilgisayarın adını tam olarak belirlemeniz gerektiğini düşünmüyorum, sadece aşağıdaki gibi göreceli bir URL kullanın.

   $.ajax({
      type: "POST",
      contentType: "application/json",
      url: '/Hello',
      data: { name: 'norm' },
      dataType: "json"
   });

İşe yarayan bir örnek:

        $.ajax({
            type: "POST",
            url: siteRoot + "api/SpaceGame/AddPlayer",
            async: false,
            data: JSON.stringify({ Name: playersShip.name, Credits: playersShip.credits }),
            contentType: "application/json",
            complete: function (data) {
            console.log(data);
            wait = false;
        }
    });

Muhtemelen ilgili: jQuery $ .ajax (), $ .post Firefox'ta REQUEST_METHOD olarak "SEÇENEKLER" gönderiyor

Düzenleme: Biraz daha araştırmadan sonra OPTIONS başlığının, kaynak etki alanından gelen talebe izin verilip verilmediğini öğrenmek için kullanıldığını öğrendim. Fiddler'ı kullanarak sunucumdan yanıt başlıklarına aşağıdakileri ekledim.

 Access-Control-Allow-Origin: *
 Access-Control-Allow-Headers: Content-Type
 Access-Control-Allow-Methods: POST, GET, OPTIONS

Tarayıcı bu yanıtı aldıktan sonra json verileriyle doğru POST isteğini gönderdi. Görünüşe göre varsayılan biçim kodlu içerik türü güvenli kabul edilir ve bu nedenle fazladan etki alanları arası denetimlere tabi tutulmaz.

SEÇENEKLER isteğine yanıt olarak sunucularınıza önceden belirtilen başlıkları eklemeniz gerekecek gibi görünüyor. Elbette bunları tümü yerine belirli alanlardan gelen isteklere izin verecek şekilde yapılandırmalısınız.

Bunu test etmek için aşağıdaki jQuery'yi kullandım.

$.ajax({
   type: "POST",
   url: "http://myDomain.com/path/AddPlayer",
   data: JSON.stringify({
      Name: "Test",
       Credits: 0
   }),
   //contentType: "application/json",
   dataType: 'json',
   complete: function(data) {
       $("content").html(data);
  }
});​

Referanslar:

• http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html
• http://enable-cors.org/
• https://developer.mozilla.org/en/http_access_control

Nasıl kullandığımı sana gösterebilirim

  function GetDenierValue() {
        var denierid = $("#productDenierid").val() == '' ? 0 : $("#productDenierid").val();
        var param = { 'productDenierid': denierid };
        $.ajax({
            url: "/Admin/ProductComposition/GetDenierValue",
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            type: "POST",
            data: JSON.stringify(param),
            success: function (msg) {
                if (msg != null) {
                    return msg.URL;
                }
            }
        });
    }

Yani bunun çalışması için yapmanız gereken tek şey eklemek:

headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
}

gönderi isteğiniz için bir alan olarak çalışacaktır.

Bu ekranları tanıdım, CodeFluentEntities kullanıyorum ve benim için de çalışan bir çözümüm var.

Bu yapıyı kullanıyorum:

$.ajax({
   url: path,
   type: "POST",
   contentType: "text/plain",
   data: {"some":"some"}
}

gördüğün gibi, eğer kullanırsam

contentType: "",

veya

contentType: "text/plain", //chrome

Herşey yolunda gidiyor.

İhtiyacın olan tek şeyin bu olduğundan% 100 emin değilim, çünkü başlıkları da değiştirdim.

Bunu kullanırsanız:

contentType: "application/json"

AJAX sunucuya GET veya POST parametrelerini göndermiyor .... nedenini bilmiyorum.

Bugün öğrenmek saatlerimi aldı.

Sadece kullan:

$.ajax(
  { url : 'http://blabla.com/wsGetReport.php',
    data : myFormData, type : 'POST', dataType : 'json', 
    // contentType: "application/json", 
    success : function(wsQuery) { }
  }
)

Bu sorunun çözümünü buldum burada . IIS uygulama hizmeti işleyicisinde OPTIONS fiiline izin vermeyi unutmayın.

İyi çalışıyor. Teşekkürler André Pedroso. :-)

Ben de aynı sorunu yaşadım. Bir jboss sunucusunda bir java dinlenme uygulaması çalıştırıyorum. Ancak çözümün bir ASP .NET web uygulamasında benzer olduğunu düşünüyorum.

Firefox, hangi seçeneklere izin verildiğini kontrol etmek için sunucunuza / dinlenme URL'nize bir ön arama yapar. Bu, sunucunuzun uygun şekilde yanıtlamadığı "SEÇENEKLER" isteğidir. Bu OPTIONS çağrısı doğru yanıtlanırsa, json içeriğine sahip gerçek "POST" isteği olan ikinci bir çağrı gerçekleştirilir.

Bu yalnızca alanlar arası arama yapılırken olur. Senin durumunda arıyor 'http://localhost:16329/Hello , aynı alan adı altında bir url yolunu çağırmak yerine ' çağırmak '/ Merhaba'

Alanlar arası bir arama yapmayı düşünüyorsanız, dinlenme hizmeti sınıfınızı açıklamalı bir yöntemle geliştirmeniz gerekir, bu "SEÇENEKLER" http isteğini destekler. Bu, java uygulamasına göre:

@Path("/rest")
public class RestfulService {

    @POST
    @Path("/Hello")
    @Consumes(MediaType.APPLICATION_JSON)
    @Produces(MediaType.TEXT_PLAIN)
    public string HelloWorld(string name)
    {
        return "hello, " + name;
    }

//THIS NEEDS TO BE ADDED ADDITIONALLY IF MAKING CROSS-DOMAIN CALLS

    @OPTIONS
    @Path("/Hello")
    @Produces(MediaType.TEXT_PLAIN+ ";charset=utf-8")
    public Response checkOptions(){
        return Response.status(200)
        .header("Access-Control-Allow-Origin", "*")
        .header("Access-Control-Allow-Headers", "Content-Type")
        .header("Access-Control-Allow-Methods", "POST, OPTIONS") //CAN BE ENHANCED WITH OTHER HTTP CALL METHODS 
        .build();
    }
}

Sanırım .NET'te ek açıklamalı bir yöntem eklemeniz gerekiyor.

[WebInvoke(
        Method = "OPTIONS",
        UriTemplate = "Hello",
        ResponseFormat = WebMessageFormat.)]

aşağıdaki başlıkların ayarlandığı yer

.header("Access-Control-Allow-Origin", "*")
        .header("Access-Control-Allow-Headers", "Content-Type")
        .header("Access-Control-Allow-Methods", "POST, OPTIONS")

JSON verilerini POST isteği ile jquery ajax aracılığıyla gönderme çözümünü aldım. Aşağıdaki kodu kullandım

    var data = new Object();
    data.p_clientId = 4;
    data =  JSON.stringify(data);

    $.ajax({
      method: "POST",
      url: "http://192.168.1.141:8090/api/Client_Add",
      data: data,
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'text/plain'
    }
    })
      .done(function( msg ) {
        alert( "Data Saved: " + msg );
      });


        });
    });

'Content-Type': 'text/plain'Ham json verilerini göndermek için başlıkta kullandım .
Çünkü Content-Type: 'application/json'OPTION'a dönüştürülen istek yöntemlerini kullanırsak, ancak Content-Type: 'test/plain'yöntemi kullanmak dönüştürülmez ve POST olarak kalır. Umarım bu birisine yardımcı olur.

Merhaba Bu iki satır benim için çalıştı.

contentType: "application / json; charset = utf-8", dataType: "json"

 $.ajax({
            type: "POST",
            url: "/v1/candidates",
            data: obj,
            **contentType:"application/json; charset=utf-8",
            dataType:"json",**
            success: function (data) {
                table.row.add([
                    data.name, data.title
                ]).draw(false);
            }

Teşekkürler Prashant