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

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

WBOY
WBOYオリジナル
2016-06-24 11:59:141202ブラウズ

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

目的: 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

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

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

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