Question

我有2个函数，我希望传递一个名为＆＃34; url＆＃34;的变量。到第二个功能。

第一个函数从＆＃34; url＆＃34;的值中获取href属性。因为它从我的数据库中吐出，并且是打开模态窗口的触发器。

 <a class=\"trigger3\" url=\"".$url."\" href=\"#\">

该功能如下所示。

 <script type="text/javascript">
 $(document).ready(function(){
    $(".trigger3").click(function(){
            var url=$(this).attr("url");
            $(".panel3").toggle("fast");
            $(this).toggleClass("active");
            return false;
    });
 });
 </script>

我已确认变量在那里。

第二个函数应该捕获此变量并将其与提交表单数据一起返回。

这是第二个功能。

 <script type="text/javascript">
 function submitForm2() {
    $.ajax({type:'POST', url: 'flagadd.php', data:$('#flagProxy').serialize()+'&url=url', success: function(response) {
    $('#flagProxy').find('.form_result2').html(response);
}});

return false;
 } 
 </script>


 <div class="panel3">
 <form id="flagProxy" onsubmit="return submitForm2();">
 <textarea style="resize:none" name="flag" cols="25" rows="5"></textarea>
 <input type="hidden" name="url" />
 <br>
 <input type="submit" name="submit" value="Submit" />
 <input type="button" name="cancel" value="Cancel" class="trigger3" />
 <div class="form_result2"></div>
 </form>
 </div>

我已经试图解决这个问题几天，但我不确定该怎么做。我想要从一个函数中调用一个函数，或者以某种方式将变量全局化为两个函数。

感谢您提供的任何帮助，非常感谢，我可以使用良好的夜晚睡眠：）

Answer 1

你可以从另一个函数中调用一个函数，将值作为参数传递，但如果两个函数都是事件触发的，那么我将使用全局变量来保存该值：

 <script type="text/javascript">

 var global;

 $(document).ready(function(){
    $(".trigger3").click(function(){
            var url=$(this).attr("url");
            $(".panel3").toggle("fast");
            $(this).toggleClass("active");
            global = 3;
            return false;
    });
 });

function submitForm2() {
    console.log(global); // 3
    $.ajax({type:'POST', url: 'flagadd.php', data:$('#flagProxy').serialize()+'&url=url', success: function(response) {
    $('#flagProxy').find('.form_result2').html(response);
}});

return false;
}

 </script>

Answer 2

不要只编写HTML属性名称。如果您想存储数据，请使用HTML5 data-*属性 - 例如，data-url="..."。

如果您只想将其作为表单的一部分发送，为什么不在表单中隐藏字段并更新它？

<input type="hidden" name="url">

+

var url = $(this).data('url');  // jquery understands HTML5 data-* attributes too
$('#flagProxy input[name=url]').val(url);

更好的是，只需使用带有值的表单内的按钮，而不是链接。

<input type="submit" name="url" value="...">

（我使用的是<button>，但旧的IE实际上是愚蠢的，并且无法正确处理发送其表单值。）

jquery变量从一个函数到另一个函数？

2 个答案: