HtmlUnit模拟浏览器触发jQuery表单提交dispatch问题求助

核心原因 #

你的表单内存在name="submit"的提交按钮，这会覆盖原生HTMLFormElement的submit()方法——表单会自动将内部带name属性的元素挂载为自身属性，此时form.submit指向的是那个按钮元素而非原生提交函数，导致HtmlUnit的内置提交方法和直接JS调用都失效。

解决方案 #

1. 修复DOM命名冲突后使用HtmlUnit内置方法 #

先修改submit按钮的name属性，恢复表单的原生submit方法：

// 获取目标表单
HtmlForm form = page.getFirstByXPath("//form[@class='login-form']");
// 获取name为submit的按钮
HtmlInput submitBtn = form.getInputByName("submit");

// 移除name属性或重命名，解除对原生submit方法的覆盖
submitBtn.removeAttribute("name");
// 或者重命名为其他值：submitBtn.setAttribute("name", "login-submit");

// 此时再执行提交，就能触发正常网络请求
form.submit(submitBtn);
// 也可以直接调用表单的原生submit方法
// form.submit();

2. 模拟jQuery的事件触发逻辑 #

如果需要完全复现浏览器点击按钮的事件流程（包括jQuery的dispatch逻辑），可以直接执行JS触发按钮的click事件：

// 用jQuery触发submit按钮的click事件，模拟浏览器交互
page.executeJavaScript("$('form.login-form input[name=\"submit\"]').trigger('click');");

注：如果执行此代码仍有问题，建议先执行步骤1修复命名冲突，再尝试触发事件。

3. 绕过name属性直接定位按钮 #

如果不想修改DOM，也可以通过其他方式定位按钮后触发点击：

// 通过XPath定位submit按钮（不依赖name属性）
HtmlInput submitBtn = page.getFirstByXPath("//form[@class='login-form']//input[@type='submit']");
submitBtn.click();

对之前尝试的说明 #

• 你之前调用form.getInputByName("submit").click()无响应，是因为按钮的click事件绑定在jQuery逻辑中，但HtmlUnit因name冲突导致事件绑定未正确处理，或内部提交逻辑被阻断。
• JS执行$('form.login-form')[0].submit()报错，正是因为form.submit被name="submit"的按钮元素覆盖，不再是可调用的函数。

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