ホームページ >ウェブフロントエンド >jsチュートリアル >フォームの JSON 変換を実装するための AJAX メソッドの構築

フォームの JSON 変換を実装するための AJAX メソッドの構築

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-04 15:59:391897ブラウズ

今回は、フォーム JSON 変換を実装するための AJAX の構築方法と、フォーム JSON 変換を実装するための AJAX を構築する際の 注意点 についてお届けします。実際のケースを見てみましょう。

ajaxはサーバーデータを送信し、変換方法を整理します。

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.フォーム要素をQueryStringに変換

var q = $('#fm,#UserId').serialize(); //q = UserName=UserName1&UserId=UserId1

2.String、JSONは相互に変換可能

query-json プラグ-in は、例を直接引用します

3. フォーム要素を名前、値配列

4. フォーム要素を JSON5.

var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );
Google のプロセス中に発見された、より強力なプラグイン http://code.google.com/p/jquery-load-json/

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
この記事の事例を読んだ後は、この方法を習得したと思います。エキサイティングなコンテンツです。PHP 中国語 Web サイトの他の関連記事にもご注目ください。 推奨読書:

ajaxを使用して複数のパラメータを渡す方法

ajaxファイルアップロード+ブラウザ互換処理

以上がフォームの JSON 変換を実装するための AJAX メソッドの構築の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。