获取父对象并通过介于两者之间的窗体传递给其他方法

getting parent object and passing to other methods via a form in between

本文关键字：窗体 方法 其他 两者之间 对象 获取      更新时间：2023-09-26

感谢您的投票和赞赏。

http://jsfiddle.net/AUcu6/1 黑色箭头。 i 当创建任务命中时。 它打开一个表单，表单提交按钮进行 Ajax 调用。 现在，我需要在该 ajax 调用中形成值（通过 id 和字段获取值很简单 #form），但是如何获取单击的 arowdiv 的父级并将其传递给 ajax 调用方法

我可能会得到一个具有 .some $(this).parents(".someClass").first() Class 的div 的第一个父级，但如何实际做到这一点并将值移动到或通过表单，然后移动到 ajaxcall 方法。

表单实际上位于单击的div 和 ajaxMethod 调用之间

好吧，

这是一种方法。

看看这段代码：

<form id="createForm">
   <input name="task-title"></input>
          ^^^^  
   <textarea name="task-description"></textarea>
             ^^^^ need the name for all inputs you care about
   <input id="parentVal" type="hidden" name="parentVal"/>
   <input type="button" value="Create" class="create..." onClick="ajaxCreateTask();" />
</form>
<script> 
   function ajaxCreateTask(){
      $("#parentValue").val("getValueYouWant"); //sets the hidden input which makes it part of the form
      $.post("url", $("#createForm").serialize());
   }
 </script>

现在让我们 met 解释一下这是如何工作的。调用 serialize 方法时，它基本上将窗体转换为映射。地图的keys是name属性，值是输入的值。我们使用隐藏的输入来包含额外的数据 - 单击的按钮的父数据或任何您想要的数据。然后，您只需调用 post jquery 方法，该方法向第一个参数的 url 发出 post 请求，并且请求包含第二个参数中的数据，即您的表单数据。这个页面真的很有帮助。

让我知道这是否有帮助，如果您有其他问题。

相关文章：