为多个表单动态指定输出ajax成功结果的位置
Specify dynamically where to output ajax success result for multiple forms
我有两个问题:
-
如何在同一页面中创建第二个表单,并根据单击的提交按钮使用ajax处理正确的表单?
-
现在让我们假设我在同一页中有多个表单。我想根据单击的提交按钮来更改输出的位置。
源代码:
Ajax:
<script type="text/javascript">
$(document).ready(function(){
$("#myform").validate({
submitHandler: function(form) {
// do other stuff for a valid form
$.post('post.php', $("#myform").serialize(), function(data) {
$('#results').html(data);
});
}
});
});
</script>
Html:
<form id="myform" action="" method="POST">
<input type="text" name="a"><input type="submit" value="submit">
</form>
<div id="results"></div> <!-- post.php output goes here.-->
<!-- until here everything is working fine -->
<!-- now if I want to add a second form I don't know what id I should use -->
我会在表单上使用一个类来绑定,然后每个表单都可以有一个元素来保存您选择的输出id-
javascript
<script type="text/javascript">
$(document).ready(function(){
$(".myforms").validate({
submitHandler: function(form) {
// do other stuff for a valid form
$.post('post.php', $(form).serialize(), function(data) {
var output = $(form).data('output');
$("#"+output).html(data);
});
}
});
});
</script>
html
<form class="myforms" action="" method="POST" data-output="results1">
<input type="text" name="a"><input type="submit" value="submit">
</form>
<div id="results1"></div>
<form class="myforms" action="" method="POST" data-output="results2">
<input type="text" name="a"><input type="submit" value="submit">
</form>
<div id="results2"></div>
<form class="myforms" action="" method="POST" data-output="results3">
<input type="text" name="a"><input type="submit" value="submit">
</form>
<div id="results3"></div>
相关文章:
- 在ajax成功后,cluetip不适用于首次点击活动元素
- jQuery成功函数中的ajax成功函数
- jQuery触发器点击未从AJAX成功工作
- 如何使用jQuery可编辑插件检查ajax是否成功完成
- 执行ajax成功函数-jQUERY
- 如何从servlet获取数据到ajax成功
- ajax请求成功,但可以'我看不到我的数据
- 通过mvc中的ajax动作链接获取关于成功的响应头
- AJAX调用在chrome扩展中未成功
- Ajax正确发布表单,但不会返回成功数据
- Ajax没有't执行成功函数
- JQuery FullCalendar在从ajax成功调用rerenderEvents时遇到问题
- 为什么Jquery$.ajax在函数调用中触发所有statusCode,即使调用成功
- ajax成功地将数组中的数据放入表中各自的输入中
- 在成功时操作 AJAX 函数
- Backbone fetch中的Ajax在fetch调用退出后完成,因此fetch调用中没有成功/失败事件
- 如何从ajax成功回调函数中读取javascript变量
- 成功ajax:如果是200状态代码,则运行函数else另一个函数
- 当移动到“外部”版本时,“内部”成功 AJAX 中的“数据”变量应该更改为什么
- 如何获得变量警报(测试)从var测试成功ajax