天天看點

前端頁面 自動送出form表單

document.forms[0].submit();

document.forms['exportServlet'].submit();

    (1)document.forms:表示擷取目前頁面的所有表單

    (2)document.forms[0]:表示擷取目前頁面的第一個表單

    (3)document.forms['exportServlet']:表示擷取目前頁面的name="exportServlet"的表單

    (4)submit()表示送出函數

場景:

  在做支付寶支付接入的時候,通過alipayClient發起請求後,傳回頁面進行重定向到支付寶支付界面

代碼:

 發起請求後,向前端傳回text/html格式,然後進行自動送出

前端頁面 自動送出form表單
前端頁面 自動送出form表單

發起請求後,傳回result給前端,result 内容:

<form name="punchout_form" method="post"
		  action="https://openapi.alipaydev.com/gateway.do?charset=utf-8&method=alipay.trade.page.pay&sign=CAQbktYmKK5BH%2Bt6HumFty9eEt1w7vq1TcpcFOH3xkttV2Ux2zzr1UJhoFDXAFZ%2F6wX774GBRYR03XR%2BwnsOK7WzOfMizxV%2BaUpSA92zk9AaN5%2BlzcOIn6CpdL7xZHpPcRWnfjxnhOtR5D3lnXiREF%2FCMZyrrXSkxDcDHWPZ1CPjZ%2FVdI8Wp%2F%2F%2BnpX56YxsrZWFyOaxBK1eqDe7a%2B8mC0jGgZp8i%2BHJaUx88g0k%2BxR1et1RJkMI6ECHA8gBq3DXsVJonRy%2Ffmsf3vzVTdTcw1aTD%2FMP%2F6pEK5NVohpOBHBupWyz3uPpo99lZs%2B0BL3RXKFZcQ4aIe9lR6rOsy%2Fqvwg%3D%3D&return_url=http%3A%2F%2Fsecond.free.idcfengye.com%2FbillingPackageOrder%2FalipayReturnNotice&notify_url=http%3A%2F%2Fsecond.free.idcfengye.com%2FbillingPackageOrder%2FalipayNotifyNotice&version=1.0&app_id=2021000117683029&sign_type=RSA2&timestamp=2021-07-03+17%3A31%3A31&alipay_sdk=alipay-sdk-java-dynamicVersionNo&format=json">
		<input type="hidden" name="biz_content"
			   value="{&quot;out_trade_no&quot;:&quot;1625304691429&quot;,&quot;total_amount&quot;:&quot;10.0&quot;,&quot;subject&quot;:&quot;正式1&quot;,&quot;body&quot;:&quot;使用者訂購商品個數:1,客戶:15&quot;,&quot;timeout_express&quot;:&quot;1c&quot;,&quot;product_code&quot;:&quot;FAST_INSTANT_TRADE_PAY&quot;}">
		<input type="submit" value="立即支付" style="display:none">
	</form>
	<script>document.forms[0].submit();</script>
           

頁面通過<script>document.forms[0].submit();</script>進行自動送出