如何使用jQuery获取HubSpot的firstname字段并存储到变量中？

完全可行，以下是针对不同场景的具体实现方式：

1. 前端直接定位HubSpot嵌入表单的firstname字段 #

如果你是在自己的网站上嵌入了HubSpot表单，默认情况下字段的直观标识可能不明显，但可以通过以下方式定位并获取值：

• 打开浏览器开发者工具（F12），找到对应“名字”的输入框，查看它的name属性——HubSpot表单的firstname字段通常命名为firstname或hs_firstname；
• 用JavaScript直接获取并存储到变量：

// 定位字段并存储值
const firstName = document.querySelector('input[name="firstname"], input[name="hs_firstname"]')?.value;

• 注意：如果表单是动态加载的，需确保代码在表单渲染完成后执行，比如监听DOMContentLoaded事件，或者使用HubSpot提供的表单加载回调。

2. 通过表单提交回调获取字段值 #

如果需要在用户提交表单时捕获firstname字段值，可以监听HubSpot的表单消息事件：

// 监听HubSpot表单提交回调
window.addEventListener('message', (event) => {
  if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') {
    // 从提交数据中筛选firstname字段
    const targetField = event.data.data.find(item => item.name === 'firstname' || item.name === 'hs_firstname');
    if (targetField) {
      const firstName = targetField.value;
      // 这里可以将firstname存储到全局变量或进行后续处理
      console.log(firstName);
    }
  }
});

3. 通过HubSpot API获取联系人的firstname字段 #

如果要获取已存储在HubSpot联系人库中的firstname数据，可以使用HubSpot Contacts API：

• 先在HubSpot后台的开发者设置中生成API密钥；
• 发送API请求获取联系人详情并提取字段值：

// 示例：通过联系人邮箱获取firstname
async function getContactFirstName(userEmail) {
  const apiKey = 'YOUR_HUBSPOT_API_KEY'; // 替换为你的API密钥
  const requestBody = JSON.stringify({
    filterGroups: [{
      filters: [{
        propertyName: 'email',
        operator: 'EQ',
        value: userEmail
      }]
    }]
  });

  const response = await fetch(`https://api.hubapi.com/crm/v3/objects/contacts/search?hapikey=${apiKey}`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: requestBody
  });

  const result = await response.json();
  if (result.results.length > 0) {
    const firstName = result.results[0].properties.firstname;
    return firstName; // 存储到变量使用
  }
  return null;
}

• 注意：API调用需遵循HubSpot的权限规则，确保你的API密钥拥有联系人读取权限。

内容的提问来源于stack exchange，提问作者Noobie