能否在GTK WebKitWebView中使用Ajax？如何实现？

可行性结论 #

完全可行，你的问题源于WebKit2的两项安全限制未完全配置，同时存在URL格式错误。

问题根源分析 #

1. URL格式错误：本地文件URL必须遵循file:///（三个斜杠）的标准格式，你代码里的file:/不符合规范。
2. 缺失关键安全配置：除了allow-file-access-from-file-urls，WebKit2还需要开启allow-universal-access-from-file-urls，才能允许本地HTML通过Ajax加载其他本地文件。

修改方案 #

1. 调整C代码中的WebKit设置

在获取WebKitSettings后，添加开启allow-universal-access-from-file-urls的配置：

#include <gtk/gtk.h>
#include <webkit2/webkit2.h>

static void activate(GtkApplication *app, gpointer user_data){
  GtkWidget *window = gtk_application_window_new (app);
  WebKitWebView *webView = WEBKIT_WEB_VIEW(webkit_web_view_new());
  WebKitSettings *settings = webkit_web_view_get_settings (webView);
  webkit_settings_set_enable_javascript (settings, TRUE);
  // 允许文件URL访问其他文件URL
  webkit_settings_set_allow_file_access_from_file_urls(settings, TRUE);
  // 允许文件URL发起跨源请求（包括加载本地其他文件）
  webkit_settings_set_allow_universal_access_from_file_urls(settings, TRUE);
  // 修正URL格式为标准file:///
  webkit_web_view_load_uri(webView, "file:///home/userxy/ajax_gtk_test/test_ajax.html");
  gtk_container_add (GTK_CONTAINER (window), GTK_WIDGET(webView));
  gtk_widget_show_all (window);
}

int main (int argc, char **argv){
  GtkApplication *app;
  app = gtk_application_new ("org.gtk.example", G_APPLICATION_FLAGS_NONE);
  g_signal_connect (app, "activate", G_CALLBACK (activate), NULL);
  g_application_run (G_APPLICATION (app), argc, argv);
}

2. 优化HTML中的Ajax请求路径

因为HTML本身是本地文件，直接使用相对路径更简洁可靠，避免URL格式错误：

<!DOCTYPE html>
<html>
<body>

<div id="demo">
<p>This is an AJAX test.</p>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>

<script>
function loadDoc() {
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
  }
  // 使用相对路径，无需完整file:/// URL
  xhttp.open("GET", "ajax_info.txt");
  xhttp.send();
}
</script>

</body>
</html>

验证步骤 #

1. 重新编译代码：

gcc `pkg-config --cflags gtk+-3.0` -o example example.c `pkg-config --libs gtk+-3.0` `pkg-config webkit2gtk-4.0 --cflags --libs`

2. 确保ajax_info.txt和test_ajax.html在同一目录下，运行编译后的程序，点击按钮即可看到内容更新。

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