通过 JavaScript 从输入框(如表单)发送数据。
通过 JavaScript 从输入框(如表单)发送数据。
我有一张表,每一行都有一个表单:
问题是我无法像这样提交一个表单,所以我需要使用JavaScript来提交,并且我需要使用POST方法来提交。我希望POST方法将这一行作为一个整体来提交;稍后我会更改输入框的id。
这不像这个问题:如何通过点击链接使用JavaScript提交表单?
我想通过id手动发送数据。我需要的正确方法是这样的:
$(document).ready(function(){ $("#submit_edit").click(function(){ var time=$("#time").val(); var info=$("#info").val(); var money=$("#money").val(); $.ajax( { type: "POST", url: "edit.php", data: {time:time , info:info,:money:money}, success: function(html) { $("#edit_result").html(html).show(); } }); }); });
问题的出现原因是用户想要通过JavaScript将表单中的数据发送出去,但不清楚如何实现。解决方法是使用ajax进行数据传输。具体的代码如下:
// 这是表单的id $("#form_id").submit(function() { url="edit.php"; data1=$("#selector").val(); data2="value"; $.ajax({ datatype:"html", type: "POST", url: url, data: {data1:data1, data2:data2}, success: function(html) { alert(html); } }); });
此代码通过ajax将表单中的数据发送到指定的URL。需要注意的是,需要将表单的id设置为"form_id"。
用户在问题中提到想要手动发送数据,也就是通过id获取输入框的值,然后将这些值作为表单发送出去。在上述代码中,已经实现了这个需求。
用户进一步要求将数据发送到"user.php"页面,并在点击编辑按钮时将$_POST['money']=100发送到"edit.php"页面。为了满足这个需求,只需将url和action的值分别设置为"user.php"和"edit.php"即可。
在这段内容中,问题的出现原因是由于网页中的表单无法通过点击提交按钮发送数据。解决方法是使用jQuery来实现表单提交。
首先,检查是否已经引入了jQuery库。如果没有,可以通过以下方式引入:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
或者从官网下载:
或者使用以下方式引入:
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
接下来,在表单中添加一个提交按钮:
<input type="submit" name="edit" id="button_submit"/>
然后,给提交按钮添加点击事件,当点击按钮时自动提交表单:
$('#button_submit').click(function(){ $('#form').submit(); });
如果以上方法仍然无法解决问题,可能是由于网页中的HTML代码存在语法错误,例如在输入框的id属性中多了一个引号。可以检查并修复代码中的错误。
如果以上方法仍然无法解决问题,可以编辑问题并提供完整的表单或页面代码。同时,检查之前是否已经引入了jQuery库。