ホームページ > ウェブフロントエンド > htmlチュートリアル > ?Si の欺瞞的な形式 artifact_html/css_WEB-ITnose

?Si の欺瞞的な形式 artifact_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:59:14
オリジナル
1201 人が閲覧しました

今日、私はそれらのゲイとふしだらな女たちの要求に応じて、人々を欺くように設計されたふしだらな女フォームアーティファクトについて特別に訓練しました。

目的: 2 次元配列データを送信する方法を学びます。


1. 驚かないでくださいHTML:

<form action=”” method=”post”>  <input type=”text” name=”row1”/>  <input type=”submit” value=”提交”/></form>
ログイン後にコピー

トレーニングインデックス: 0

苦情の理由: 人を罠にはめるのは適切ではありません


2.

<form action=”” method=”post”>  <input type=”text” name=”row[]” />  <input type=”text” name=”row[]”/>  <input type=”submit” value=”提交”/></form>
ログイン後にコピー

intecuning

itals yi shaowu []

3。

苦情の理由: キーの値が不明瞭です

4. 死ぬほど騙されるとは思えません
HTML:

<form action=”” method=”post”>  <input type=”text” name=”row[1]” />  <input type=”text” name=”row[2]”/>  <input type=”text” name=”row[field]” />  <input type=”text” name=”row[value]”/>  <input type=”submit” value=”提交”/></form>
ログイン後にコピー

JQuery:

<input type=”text” value=”” class=”you”/><form action=”” method=”post”>    <input type=”text” name=”row1”/>    <input type=”hidden” name=”yade” />    <input type=”button” class=”go_btn” value=”提交”/></form>
ログイン後にコピー

トラッピングインデックス: 3
理由のために愚痴: なぜ入力をフォームの外に置くのですか

5. おばあちゃんの家への罠

HTML:

$(“.go_btn”).click(function(){    $(“input[name=’yade’]”).val($(“.you”).val());    $(this).parent().submit();})
ログイン後にコピー

罠インデックス: 4

愚痴の理由: それはどんなものですか?プログラマーが修正するための名前

解決策: JQuery:

<form action=”” method=”post”>    <input type=”text” value=”row1”/>    <input type=”text” value=”row2” />    <input type=”button” value=”提交” class=”go_btn”/></form>
ログイン後にコピー

6. ピットピットはより健康的です

HTML:

$(“.go_btn”).click(function(){    var parent = $(this).parent();    var map = [];     parent .find("input[type=text]").each(function(){           map.push($(this).val());    });   $.ajax({        url:parent.attr("action"),        data:{map:map}    });}
ログイン後にコピー

裏切り者インデックス: 3

苦情の理由: なぜあなたはjson データのみを受け入れます

解決策 : JQuery

<form action=”” method=”post”>    <input type=”text” name=”row1”/>    <input type=”text” name=”row2”/>    <input type=”button” value=”提交” class=”go_btn”/></form> 
ログイン後にコピー
$(“.go_btn”).click(function(){   //$(this).parent().serialize(); 
ログイン後にコピー

7. チートしないでください、幸せにならないでください

HTML:

  $.ajax({    data:{s:JSON.stringify($(this).parent().serializeArray())} })});
ログイン後にコピー

チートインデックス: 5

苦情の理由: それは p と入力です、あなたはどのような手術をします

解決策:

JQuery

<form action=”” method=”post”>    <p data-value=”111”>        <input type=”text” name=”row1”/>    </p>    <p data-value=”112”>        <input type=”text” name=”row2”/>    </p>    <input type=”button” value=”提交” class="go_btn"/></form>        
ログイン後にコピー

8. 誠実性のない不正行為

HTML:

$(“.go_btn”).click(function(){    var parent = $(this).parent();    var map = [];     parent .find("p").each(function(){           map.push({                id:$(this).attr("data-value"),                value:$(this).find("input").val()        });    });   $.ajax({        url:parent.attr("action"),        data:{map:map}    });}                
ログイン後にコピー

チート指数: 10

苦情の理由: 兄さん、データを何次元まで調整したいのですか?

記事があまりにも愚かだったので、記事から削除されたと推定されます。スタッフによるホームページ。

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