当我尝试提交表格时发生了
Java脚本
this.submitForm = (formID) => {
let {ipcRenderer} = require("electron");
const myData = $(`#${formID}`).serialize();
ipcRenderer.sendSync("create-form-data",myData);
};
的HTML
<div class="col-9">
<form onsubmit="theTemplate.submitForm('createForm')" id="createForm" action="GET" class="tab-content">
<div id="goal" data-tab-content class="active form-group">
<h1>Goal</h1>
<label>What is your desired outcome?</label>
<input name="goalOne" type="text" class="form-control">
<label>What type of person achieves that outcome?</label>
<input name="goalTwo" type="text" class="form-control" >
谷歌搜索往往不会产生任何结果。而且我不知道什么是“原始堆栈跟踪”。
最佳答案
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-9">
<form onsubmit="submitForm(event,'createForm')" id="createForm" action="GET" class="tab-content">
<div id="goal" data-tab-content class="active form-group">
<h1>Goal</h1>
<label>What is your desired outcome?</label>
<input name="goalOne" type="text" class="form-control">
<label>What type of person achieves that outcome?</label>
<input name="goalTwo" type="text" class="form-control" >
<input type='submit'/>
</div>
</form>
</div>
<script>
const formToJSON = elements => [].reduce.call(elements, (data, element) => {
if(element.name) //For skip the named value
data[element.name] = element.value;
return data;
}, {})
const submitForm = (event, formID) => {
event.preventDefault()
//let {ipcRenderer} = require("electron");
const myData= formToJSON(event.target)
console.log(myData)
//ipcRenderer.sendSync("create-form-data",myData);
};
</script>
请检查此代码段。这仅用于根据需要提取表单数据。我更改了一些 html 和 js 代码。这将从 JSON 格式的数据中提取。
然后将其复制到您的项目中并启用ipc部分。然后,这会将JSON数据成功发送到主流程。
要了解如何在主和渲染器进程之间进行通信。请检查此答案。
how to communicate between react and electron
关于javascript - 我在 Electron 中不断收到错误 “TypeError: Cannot read property ' originStackTrace'null的错误,我似乎找不到原因?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59680398/