当我尝试提交表格时发生了

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/

10-11 06:51