Heim > Web-Frontend > js-Tutorial > Implementierung der gegenseitigen Konvertierung von Formularelementen in JSON durch die Erstellung von AJAX-Parametern

Implementierung der gegenseitigen Konvertierung von Formularelementen in JSON durch die Erstellung von AJAX-Parametern

亚连
Freigeben: 2018-05-24 10:25:54
Original
1476 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die entsprechende Einführung in die JSON-Konvertierung von Formularelementen durch die Erstellung von AJAX-Parametern vorgestellt. Bedürftige Freunde können auf

Ajax-Übermittlungsserverdaten zurückgreifen, um die Konvertierungsmethode zu klären.

HTML:

<form id="fm" name="fm" action="">
<input name="UserName" type="text" value="UserName1"/>
</form>
<input name="UserId" id="UserId" type="text" value="UserId1"/>
Nach dem Login kopieren

1. Formularelemente in QueryString konvertieren

var q = $(&#39;#fm,#UserId&#39;).serialize(); //q = UserName=UserName1&UserId=UserId1
Nach dem Login kopieren

2. String-zu-JSON-Konvertierung

var obj = jQuery.parseJSON(&#39;{"name":"John"}&#39;);
alert( obj.name === "John" );
Nach dem Login kopieren

Sie können das jquery-json-Plug-in verwenden, um die Konvertierung zu erreichen, zitieren Sie direkt das Beispiel

var thing = {plugin: &#39;jquery-json&#39;, version: 2.3};
var encoded = $.toJSON( thing );
// &#39;{"plugin":"jquery-json","version":2.3}&#39;
var name = $.evalJSON( encoded ).plugin;
// "jquery-json"
var version = $.evalJSON(encoded).version;
// 2.3
Nach dem Login kopieren

3. Formularelemente in Name, Value-Array konvertieren

var arr = $("#fm,#UserId").serializeArray();
/*[ 
{name: &#39;UserName&#39;, value: &#39;"UserName"1&#39;}, 
{name: &#39;UserId&#39;, value: &#39;UserId&#39;}
] */
Nach dem Login kopieren

4. Formularelemente in JSON konvertieren

$.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 || &#39;&#39;);
} else {
o[this.name] = this.value || &#39;&#39;;
}
});
return o;
};
var obj = $(&#39;form&#39;).serializeObject();
/*obj: Object
UserId: "UserId1"
UserName: "UserName1"
__proto__: Object*/
Nach dem Login kopieren

5. JSON2FORM

$.getJSON(&#39;url_to_file&#39;, function(data) {
for (var i in data) {
$(&#39;input[name="&#39;+i+&#39;"]&#39;).val(data[i]);
}
}
Nach dem Login kopieren
rree

Ich hoffe, dass es in Zukunft für alle hilfreich sein wird .

Verwandte Artikel:

Ajax- und CGI-Kommunikation unter Boa-Server (grafisches Tutorial)

Ajax+Struts2 implementiert die Verifizierungscode-Verifizierungsfunktion ( Grafik-Tutorial)

Ajax-Klick, um die Datenliste kontinuierlich zu laden (Grafik-Tutorial)

Das obige ist der detaillierte Inhalt vonImplementierung der gegenseitigen Konvertierung von Formularelementen in JSON durch die Erstellung von AJAX-Parametern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage