ホームページ > ウェブフロントエンド > jsチュートリアル > AJAX パラメータを構築して、フォーム要素を相互に JSON に変換します

AJAX パラメータを構築して、フォーム要素を相互に JSON に変換します

亚连
リリース: 2018-05-24 10:25:54
オリジナル
1475 人が閲覧しました

この記事では主に、AJAX パラメータの構築によるフォーム要素の JSON 変換の関連紹介を紹介します。必要な場合は、

サーバー データの送信を参照して、変換方法を整理してください。

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 = $(&#39;#fm,#UserId&#39;).serialize(); //q = UserName=UserName1&UserId=UserId1
ログイン後にコピー

2. 文字列、JSON変換

var obj = jQuery.parseJSON(&#39;{"name":"John"}&#39;);
alert( obj.name === "John" );
ログイン後にコピー

jquery-jsonプラグインを使用できます。 -達成するために変換、直接引用例

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
ログイン後にコピー

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

4. フォーム要素をJSONに

5. 上記はい、これが皆さんの役に立つことを願っています。 関連記事:

Boaサーバー下でのAjaxとCGI通信(グラフィックチュートリアル)

Ajax+Struts2による認証コード検証機能の実装(グラフィックチュートリアル)

Ajaxクリックでデータリストを連続ロード(画像)テキストチュートリアル)

以上がAJAX パラメータを構築して、フォーム要素を相互に JSON に変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート