从一个函数到另一个函数的Jquery变量

Question

我有2个函数，我正在寻找一个名为"url"的变量传递给第二个函数。

第一个函数从"url"的值中获得一个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

不要只是编造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真的很笨，不能正确处理发送它的形式值)

Answer 2

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

 <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>