Electron应用中点击按钮触发Python脚本的Ajax调用问题

嘿，我来帮你梳理清楚问题所在，再给你一个可行的解决方案！

首先，你碰到的TypeError: $.ajax is not a function，虽然换jQuery版本是常见排查方向，但核心逻辑错了——$.ajax是用来发起HTTP网络请求的，根本没法直接运行本地Python脚本！哪怕jQuery加载正常，这个思路也走不通，这才是关键。

先搞定jQuery加载的小问题（如果后续还要用jQuery的话） #

要是只是想让jQuery在Electron里正常工作，建议把jQuery下载到本地项目里，别用CDN加载，避免Electron的安全策略限制：

1. 把jQuery文件下载到项目的static/js目录下
2. 在HTML里这样引入：

   <script src="./static/js/jquery.min.js"></script>
   

同时要确保脚本标签放在<body>末尾，或者用$(document).ready()包裹代码，防止DOM还没加载完就执行脚本。

重点：Electron中正确运行Python脚本的方式 #

在Electron里，渲染进程（也就是你的HTML页面脚本）不能直接调用系统命令，必须通过IPC通信让主进程来执行Python脚本。具体步骤如下：

1. 配置主进程（main.js）

在你的Electron主进程文件中，引入ipcMain和child_process模块，监听渲染进程的请求，执行Python脚本并返回结果：

const { app, BrowserWindow, ipcMain } = require('electron');
const { exec } = require('child_process');
const path = require('path');

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      // 注：Electron 12+更推荐用preload脚本替代直接开启nodeIntegration，这里先做基础实现
      nodeIntegration: true,
      contextIsolation: false
    }
  });

  mainWindow.loadFile('mainWindow.html');
}

// 监听渲染进程的脚本执行请求
ipcMain.on('run-python-script', (event) => {
  // 拼接Python脚本的绝对路径，避免相对路径出错
  const scriptPath = path.join(__dirname, 'script_1_upload_to_drive.py');
  exec(`python ${scriptPath}`, (error, stdout, stderr) => {
    if (error) {
      console.error(`执行出错: ${error.message}`);
      event.reply('script-executed', false, error.message);
      return;
    }
    if (stderr) {
      console.error(`脚本输出错误: ${stderr}`);
      event.reply('script-executed', false, stderr);
      return;
    }
    console.log(`脚本输出: ${stdout}`);
    event.reply('script-executed', true, 'Finished Python Script');
  });
});

app.whenReady().then(() => {
  createWindow();
  app.on('activate', function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow();
  });
});

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit();
});

2. 修改渲染进程（mainWindow.html）

去掉原来的ajax代码，改用ipcRenderer和主进程通信，按钮点击时触发脚本执行：

<!-- 如需保留jQuery，确保正确引入 -->
<script src="./static/js/jquery.min.js"></script>
<script>
// 引入Electron的ipcRenderer模块
const { ipcRenderer } = require('electron');

function runUpload(){
  // 向主进程发送执行脚本的请求
  ipcRenderer.send('run-python-script');
}

// 监听主进程返回的执行结果
ipcRenderer.on('script-executed', (event, success, message) => {
  alert(message);
});
</script>

<!-- 你的触发按钮 -->
<button onclick="runUpload()">运行Python脚本</button>

3. 额外注意事项

• 确保系统环境变量里配置了Python，或者直接写Python的绝对路径（比如exec('C:/Python39/python.exe ' + scriptPath)）
• 要是用的是Electron 12及以上版本，更推荐用preload脚本实现IPC通信，避免开启nodeIntegration带来的安全风险，需要的话可以再给你补充preload的写法~
• 一定要保证script_1_upload_to_drive.py的路径正确，用path.join拼接绝对路径能避免相对路径的坑。

这样就能通过按钮正确触发Python脚本的执行啦！

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