Maison >interface Web >js tutoriel >Méthode jQuery pour transmettre les données au format json à background_jquery
L'exemple de cet article décrit comment jQuery transmet les données au format json en arrière-plan. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
L'interaction des données front et backend utilise généralement le format json, et le backend peut directement convertir la correspondance json en objets d'entité. Pour faciliter les opérations futures. Lorsque jQuery transmet des données en arrière-plan, nous constaterons qu'il les convertira automatiquement en chaîne de requête et ne pourra pas réellement transmettre un json. De plus, lorsque vous utilisez jquery pour sérialiser le formulaire, le format renvoyé est un tableau, qui nécessite une conversion supplémentaire. En fait, tant que nous configurons quelque chose dans la méthode ajax, cela peut être complété. Le code est le suivant :
<form id="ff"> <input type="text" name="test1"/> <input type="text" name="test2"/> <input type="text" name="test3"/> <input type="text" name="test4"/> <input type="button" id="save" value="save"/> </form> $("#save").on("click", function () { var params = $("#ff").serializeArray(); var j = {}; for (var item in params) { j[params[item].name] = params[item].value; } $.ajax({ url:'index.html', data:JSON.stringify(j), type:'post', dataType:'json', headers:{ Accept:"application/json", "Content-Type":"application/json" }, processData:false, cache:false }).done(function (data) { }); });
Si vous voyez le format d'affichage comme indiqué sur l'image en chrome, cela signifie que le format json passé en arrière-plan est
J'espère que cet article sera utile à la programmation jQuery de chacun.