Ajax-Codes nicht auf dem mobilen Gerät arbeitet

Question

dieser Code perfekt auf dem Desktop-Browser funktioniert, und funktioniert auch auf der mobilen Anwendung

function submitSN() 
{ 
    var data = []; 

    var eles1 = document.getElementsByClassName('chip'); 

    for (var i = 0 ; i < eles1.length ; i++) 
    { 
     data.push(eles1[i].innerText.substring(0,eles1[i].innerText.length-5)); 
    } 

    profile.skills = data; 
    profile.uid = uid; 

     $.ajax({ 
     url: '/postprof', 
     type:'POST', 
     data: profile, 
     dataType: 'json', 
     headers: new Headers({ "Content-Type": "application/json" })}); 
     $("body").html("<h1 style='text-align:center;padding:4%;'>Done, Return to your messenger now!</h1>"); 
} 

aber nicht die Ajax fordert den mobilen Browser zu senden, bedeuten, dass ich diesen Code genau

$.ajax({ 
    url: '/postprof', 
    type:'POST', 
    data: profile, 
    dataType: 'json', 
    headers: new Headers({ "Content-Type": "application/json" })}); 

dieser Code funktioniert auf dem normalen Desktop-Browser, aber nicht auf meinem mobilen Browser funktionieren, wie Sie dieses Problem beheben?

Answer 1

Sie brauchen keine Header zu definieren, werden die Standardeinstellungen für jQuery Ajax sowieso json Handhabung.

hier ist eine sehr einfache POST Anfrage mit jQuery Ajax, das einem einfachen Objekt senden, brauchen Sie nicht headers, dataType oder contentType zu definieren.

 
let custom_object = { 
    name: 'Ahmed', 
    age: 22 
} 

$.ajax({ 
    type: 'POST', 
    url: 'YOUR_URL', 
    data: custom_object, 
    success: function(){ 
     cosnole.log('Done: ', e) 
    }, 
    error: function(e){ 
     console.log('ERROR! ', e); 
    } 
}); 

Es Standardwerte ist:

• headers: {}
• dataType: Intelligent Guess (xml, json, script, or html)
• contentType: application/x-www-form-urlencoded; charset=UTF-8

Quelle: http://api.jquery.com/jquery.ajax/

Answer 2

Die Linie, die nicht wahrscheinlich diese:

headers: new Headers({ "Content-Type": "application/json" })}); 

Sie testen wahrscheinlich auf einem iPhone/iOS/Webkit, die keine Headers Konstruktor hat.

Sie können mehr lesen über sie here

Answer 3

Die Header-API nur in bestimmten Browsern ist.

Werfen Sie einen Blick auf die browser compatibility Tabelle

diese stattdessen versuchen: contentType: "application/json",

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