1. 程式人生 > >HTML表單資料傳輸

HTML表單資料傳輸

               

對於HTML表單的資料傳輸,有著基本的HTML基礎的人就應該知道他總共有兩種提交方式GET和POST,

GET提交方式是一種顯示的提交方式,它使用GET方式提交資料的時候,瀏覽器會對URL進行URL encode編碼,但是他的最終傳送資料會顯示在瀏覽器的位址列,同時他的傳送資料的大小是有很大的限制的,同時不安全。

如下:

<form action="shopBar.php" method="get">    <input type="text" name="text">    <input type="submit" value="提交"></form>
得到的結果在PHP中$_GET['text'];

而瀏覽器的位址列中會顯示shopBar.php?text=文字中的值

這就回存在缺陷,所以當有註冊類的網頁部分的時候,一般都是POST進行提交,

同時GET的亂碼可能性大於POST,這就是POST的優勢,

而此節所說之事說的就是針對POST的書寫方法,由於我們在進行一個完整的網站設定的時候,POST或者GET提交資料的時候,可能分佈在一個網頁程式碼的各個地方,提交資料分散開來不宜進行提交傳輸資料。

所欲,一般通過JS,JQ程式碼進行隱性提交。同時他還可以實現,不需要顯性form設定,對於不是INPUT等需要用POST或者GET提交出去,JS,JQ莫過於最好的辦法了,直接通過選擇器將其中的資料通過<input type="hidden">標籤.程式碼如下:

$(".a-post").click(function(){        $(".a-post").attr("href","javascript:void(0)");        var $form=$("<form>");        $form[0].action="shopBarList.php?page="+$(this).attr("page");        $form[0].method="post";        if($(".pageBar").attr("search"))        $form.append($("<input type='hidden' name='search' value = '"
+$(".pageBar").attr("search")+"'>"));        if($(".pageBar").attr("search_if"))        $form.append($("<input type='hidden' name='search_if' value = '"+$(".pageBar").attr("search_if")+"'>"));        $(".pageBar").append($form);        $form.hide();        $form.submit();    });
以上是一個簡單的例子。

這邊是建立隱性form進行提交資料的方法