WooCommerce 結帳頁輸入統編自動帶入公司抬頭

自己每次在線上買東西要開統編的時候,總是很懶得輸入公司名稱,我都會默默希望打完統編就會自動帶入,省去手動輸入發生錯誤的機會,剛好這陣子在串接 WooCommerce ezPay 電子發票 API,就順手把這個功能整合進去。

要透過統編查詢公司名稱需要前往商工行政資料開放平臺申請 API 的使用權限,但很久以前做過類似的功能是採用民間的 API,使用上方便許多,不用申請即可直接使用,提供這佛心服務的就是之前求職小幫手一戰成名的 Ronny 大大,他開發了許多開放資料的 API 供大眾免費使用。

他的台灣公司查詢 API 資料來源是經濟部商業司財政部營業稅籍資料,只要在請求網址的最後一個路徑帶入統一編號,就可以顯示下圖的公司資訊:

這樣就可以在 WooCommerce 結帳頁當顧客輸入統一編號時自動取得公司名稱,具體實作 JS 如下:

// 當滑鼠焦點離開統一編號欄位時觸發
$('#ezpay-taxid-number').on('focusout',function(){
	$.ajax({
		url: 'https://company.g0v.ronny.tw/api/show/' + $(this).val(),
		type: 'GET',
		dataType: "json",
		success: function(data){
			if(data.data.公司名稱){
				$('#ezpay-company-name').val(data.data.公司名稱);
			}
		}
	})
})

如果你覺得這 API 對你有幫助可以去贊助一下 Ronny 大大,看了他的收支明細主機成本每個月就要破萬元,很佩服他不掛任何廣告、無付費方案,單純無償提供這麼好用的服務,這不支持不行啊!

目錄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Picture of 賴俊吾 / Oberon Lai
賴俊吾 / Oberon Lai

現為全職 WordPress 工程師,網站開發經歷 11 年,專攻前端工程與 WordPress 佈景主題、外掛客製化開發

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!

專注於分享 WordPress 開發、接案技巧、專案管理等自由工作者必備知識與心得

© 2024 想點創意科技有限公司

想點創意科技有限公司 | 統一編號 90516823
Designed by Hend Design | 隱私權政策

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!