一般的に使用されるページ送信方法_html/css_WEB-ITnose

この記事では、一般的に使用されるページ送信方法をまとめます。

一般的に使用されるものに関しては、誰もが注意を払う必要があります。選択した方法が一般的に使用されていない場合は、設計またはプログラムを検討する必要があります。良いものを生み出すには、やはり巨人の肩の上に乗らなければなりません。

実際、この記事で説明するいくつかの方法は比較的一般的です。

一般的な習慣は、適切なタイミングで適切なことを行うことです。適切なテクノロジーを適切な場所で使用することは、適切なタイミングで適切な人に出会うようなものです。

方法 1:

一般的なフォーム送信。

この方法でページを送信すると、ページがジャンプします。このメソッドでは、投稿フォームまたは取得投稿メソッドを選択できます。通常、投稿フォームはユニバーサル投稿です。この方法は非常に一般的に使用されます。

var form = document.getElementById("frm01");            form.action ="<%=basePath %>test/productShow.action";            form.method = "post";            form.submit();

方法 2:

スプライシング パラメータは URL の後ろにあります。

このメソッドは get submit メソッドです。パラメータは URL の後にリストされます。この方法も最も一般的に使用されますが、渡されるパラメータの機密性とパラメータの長さの制限に注意してください。

window.location.href="<%=basePath%>test/productDetails.shtml?productId="+$("#productId").val() +"&detailUrl="+$("#detailUrl").val() ; 

方法 3:

Ajax フォーム送信メソッド。

このようにして、frm01 全体が送信され、部分的に更新されます。ページにジャンプする必要がある場合は、他のページ ジャンプ メソッドを使用して、success 関数のページにジャンプすることもできます。

すごいです

方法 4:

Ajax スプライシング パラメーターの送信。

このメソッドは上記のメソッドに似ていますが、URL の後にパラメータを結合することと同じです。フォーム全体を送信する代わりに。同様に、この方法では、ページはジャンプせず、部分的に更新されます。

$.ajax({                 	type:'post',                     url: '<%=basePath %>test/productShow.shtml',                      data:$("#frm01").serialize(),                     dataType:'json',                       cache: false,                      success : function(data) {}  });

方法 5:

複数の選択肢がある場合に送信します。

$(".send_msg").click(function(){	    		 $.ajax({	             	type:'post',	             	async:true,	                url: "<%=basePath%>test/productShow.shtml",	                data:"product.productId="+$("#productId").val() +"&product.productName="+      	                        $("#productName").val()+"&product.logo="+$("#logo").val(),	               	dataType:'json',  	                cache: false,	                success : function(data) {}  	             });})

方法 6:

このページにジャンプした後、自動的に送信され、ジャンプが完了します。

この方法は通常、支払いジャンプページを作成するときに使用されます。

$("#realBuy").bind("click",function(){          			var ids=new Array();          			var itemNos=new Array();          			$(".payItemBox ul li").filter(".selected").each(function(index){          				ids.push($(this).prev().prev().val());          				itemNos.push($(this).prev().val());          			});          			$("input[name='theoryrepayids']").val(ids.join(","));          			$("input[name='itemNos']").val(itemNos.join(","));          			$("input[name='total']").val(sum.toFixed(2));          			$("#repForm").submit();          		});

概要:

1 フォーム内でフォームが存在する状況を回避するには、新しいフォームを構築し、js を介して必要なパラメーターを割り当て、この新しいフォームを送信します。注文金額や購入数量など、一部のパラメータはページ間での受け渡しに適していません。その後、重要なものを転送してデータベースでクエリすることができます [データの一貫性に注意してください] 問題]、特定の特定の問題の分析

3. 時間の経過とともにより快適になるように、適切なテクノロジーを使用します。そうしないと、逆の方向に進んでしまい、失敗経験を積み続けることになってしまいます。