Web表单提交中的AJAX请求数据字段“未定义”
[英]AJAX request data fields “undefined” from web form submission
问题描述
我正在设置一个网页，该网页将用户表单中的用户回复存储在Google表格文档中。 提交表单后，会进行AJAX请求并进行更改，以填充Google脚本中的字段。 请求中的数据字段在Google表格和卷曲响应中均显示为未定义。
我知道连接成功，因为“未定义”值填充了Google表格单元格。
js如下所示。
<html> <head> <script src="jquery-3.3.1.min.js"></script> <script> var script_url = "https://script.google.com/macros/s/AKfycbzfVIP99UG7NK9kD94zptKJeEBhP9qWDsuFVfrOAerK6Hg-EUw-/exec"; function insert_value() { var id1 = $("#id").val(); var name = $("#name").val(); var url = script_url + "?callback=ctrlq&name=" + name + "&id=" + id1 + "&action=insert"; var request = jQuery.ajax({ crossDomain: true, url: url, method: "get", dataType: "json" }); } function ctrlq(e) { alert('Congrats! Registered Successfully') } </script> </head> <body> <form autocomplete=off action="javascript:;" id="resetForm" onsubmit="insert_value()"> ID : <input type="text" class="id" name="id"><br> First name: <input type="text" class="name" name="name"><br> <input type="submit" value="Send form data!"> </form> </body> </html>
这是为请求生成的卷曲：
“ https://script.google.com/macros/s/AKfycbzfVIP99UG7NK9kD94zptKJeEBhP9qWDsuFVfrOAerK6Hg-EUw-/exec?callback=ctrlq ^＆name = undefined ^＆id = undefined ^＆action = insert” -H“ Accept：application / ,, ， / ; q = 0.01“ -H”来源：null“ -H”用户代理：Mozilla / 5.0（Windows NT 10.0; Win64; x64）AppleWebKit / 537.36（KHTML，如Gecko）Chrome / 73.0.3683.86 Safari / 537.36 “-压缩
我不确定为什么未定义它们，因为这些值已由js显式传递到url中。
2 个解决方案
解决方案1
0 已采纳 2019-04-03 13:29:54
<html> <head> <script src="jquery-3.3.1.min.js"></script> <script> var script_url = "https://script.google.com/macros/s/AKfycbzfVIP99UG7NK9kD94zptKJeEBhP9qWDsuFVfrOAerK6Hg-EUw-/exec"; function insert_value() { var id1 = $("#id").val(); var name = $("#name").val(); var url = script_url + "?callback=ctrlq&name=" + name + "&id=" + id1 + "&action=insert"; var request = jQuery.ajax({ crossDomain: true, url: url, method: "get", dataType: "json" }); } function ctrlq(e) { alert('Congrats! Registered Successfully') } </script> </head> <body> <form autocomplete=off action="javascript:;" id="resetForm" onsubmit="insert_value()"> ID : <input type="text" id="id" name="id"> <br> First name: <input type="text" id="name" name="name"> <br> <input type="submit" value="Send form data!"> </form> </body> </html>
不要给输入元素提供类名，而要给Id。 id只是每个元素的唯一属性。 它必须是唯一的。
另外，我将class属性更改为id。 现在它必须按预期工作。
解决方案2
-2 2019-04-03 13:27:06
您好，您不能说我的连接成功，因为我得到了不确定的值>它是假的，因为无论如何您都会得到不确定的值。
您在这里错过的是在表单更新后发送请求，而不是在初始化时发送请求（这就是您在这里所做的事情）
您必须将函数封装在一种jquery文档就绪函数https://learn.jquery.com/using-jquery-core/document-ready/中，或者只是在发送变量之前确保变量是最新的；）
如果我重新加载页面，AJAX表单提交来自浏览器的保存密码，没有“确认表单提交”请求
[英]AJAX Form submit with save password from browser and no “Confirm form submission” request if I reload the page
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.