如何在Puppeteer-Sharp中等待请求完成后再点击按钮？

固定时长等待（WaitForTimeoutAsync）的问题很明显——网络环境波动时要么等待不足导致请求未完成，要么等待过长浪费时间。以下是几种更可靠的优化方案：

1. 等待特定网络请求/响应完成 #

如果知道触发的AJAX请求的URL特征（比如包含特定接口路径），可以直接监听该请求的响应状态：

// 先提前监听目标AJAX请求的响应
var targetResponse = page.WaitForResponseAsync(response => 
    response.Url.Contains("/api/your-target-endpoint") // 匹配请求URL
    && response.Status == 200); // 确保请求成功

// 点击触发AJAX的按钮
await page.ClickAsync("#id");

// 等待目标请求完成
await targetResponse;

// 执行提交按钮点击
await page.ClickAsync("#submit-btn");

如果需要匹配POST请求或者其他请求方法，还可以加上方法判断：

response.Method == "POST" && response.Url.Contains("/api/your-target-endpoint")

2. 等待页面UI状态变化 #

AJAX请求完成后，页面通常会有对应的UI反馈（比如加载图标消失、数据渲染完成），可以等待这些元素状态变化：

示例：等待加载指示器消失 #

await page.ClickAsync("#id");

// 等待加载元素从页面中隐藏
await page.WaitForSelectorAsync("#loading-spinner", new WaitForSelectorOptions 
{ 
    State = WaitForSelectorState.Hidden 
});

await page.ClickAsync("#submit-btn");

示例：等待目标数据元素出现 #

如果AJAX会渲染新的内容元素，等待该元素出现：

await page.ClickAsync("#id");

await page.WaitForSelectorAsync("#ajax-loaded-content", new WaitForSelectorOptions 
{ 
    State = WaitForSelectorState.Visible 
});

await page.ClickAsync("#submit-btn");

3. 等待页面内的JavaScript状态 #

如果页面有全局变量或自定义状态标记AJAX完成，可以直接等待该状态：

await page.ClickAsync("#id");

// 等待全局变量标记AJAX完成
await page.WaitForFunctionAsync("window.ajaxRequestCompleted === true");

await page.ClickAsync("#submit-btn");

如果AJAX是通过Promise管理的，也可以等待Promise完成：

await page.ClickAsync("#id");

await page.WaitForFunctionAsync("window.pendingAjaxRequestPromise");

await page.ClickAsync("#submit-btn");

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