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 大大，看了他的收支明細主機成本每個月就要破萬元，很佩服他不掛任何廣告、無付費方案，單純無償提供這麼好用的服務，這不支持不行啊！