Cette fois, je vais vous présenter la méthode de construction d'AJAX pour implémenter la conversion de formulaire JSON. Quelles sont les précautions pour construire AJAX pour implémenter la conversion de formulaire JSON. Ce qui suit est un cas pratique, jetons un coup d'œil. .
Ajax soumet les données du serveur et trie la méthode de conversion.
HTML :
<form id="fm" name="fm" action=""> <input name="UserName" type="text" value="UserName1"/> </form> <input name="UserId" id="UserId" type="text" value="UserId1"/>
1. Convertir les éléments du formulaire en QueryString
var q = $('#fm,#UserId').serialize(); //q = UserName=UserName1&UserId=UserId1
2.String, conversion JSON
var obj = jQuery.parseJSON('{"name":"John"}'); alert( obj.name === "John" );
var thing = {plugin: 'jquery-json', version: 2.3}; var encoded = $.toJSON( thing ); // '{"plugin":"jquery-json","version":2.3}' var name = $.evalJSON( encoded ).plugin; // "jquery-json" var version = $.evalJSON(encoded).version; // 2.3
3. Formulaire, élément vers Nom, Tableau de valeurs
var arr = $("#fm,#UserId").serializeArray(); /*[ {name: 'UserName', value: '"UserName"1'}, {name: 'UserId', value: 'UserId'} ] */
4 . Convertir les éléments du formulaire en JSON
$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; var obj = $('form').serializeObject(); /*obj: Object UserId: "UserId1" UserName: "UserName1" proto: Object*/
5. trouvé une mise à jour pendant le processus Google Plug-in puissant http://code.google.com/p/jquery-load-json/Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez prêter attention aux autres sites Web chinois php Articles connexes !
$.getJSON('url_to_file', function(data) { for (var i in data) { $('input[name="'+i+'"]').val(data[i]); } }
data = { "Name":"Emkay Entertainments", "Address":"Nobel House, Regent Centre", "Contact":"Phone" } $('p#data').loadJSON(data); <p id="data"> <h1 id="Name">Emkay Entertainments</h1> <label for="Address">Address:</label> <span id="Address">Nobel House, Regent Centre</span> <label for="Contact">Contact by:</label> <span id="Contact">Phone</span> </p>
téléchargement de fichiers ajax + traitement compatible avec le navigateur
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!