获取url参数并将其显示在jquery对话框中

时间:2016-02-24 03:40:50

标签: javascript jquery

美好的一天

我通常用PHP做事情,当我进入这个jquery ui这是一个很好的功能我遇到了一些问题。我对javascript和jquery环境还很陌生,并且还在处理它是如何工作的。

我的目标是将参数从链接传递到jquery对话框并在那里显示该详细信息。

HTML ANCHOR TAG

 <td><a href="#?ID=<?php echo $row ['ID']; ?>" id="showdialog"><?php if ($row ['AFFILIATION'] == FALSE) { echo "D"; } else { echo $row ['AFFILIATION']; } ?></a></td>

JQUERY DIALOG BOX

 <script>
     $(function() {
        $( "#dialog" ).dialog({
            autoOpen: false,
            modal: true,
            resizable: false,
            height: 380,
            width: 280
        });

      $("a#showdialog").click(function(){
            $("#dialog").dialog("open");
        });
 </scipt>

我一直在网上阅读很多线程,但由于我仍然是js的新手,我不确定使用哪一个,也不知道如何将它放在我的对话框中。

非常感谢您的建议。

2 个答案:

答案 0 :(得分:0)

您可以使用$(this).attr('href');获取href或链接地址

<script>
     $(function() {
        $( "#dialog" ).dialog({
            autoOpen: false,
            modal: true,
            resizable: false,
            height: 380,
            width: 280
        });

      $("a#showdialog").click(function(){
            // Use this to get href
            var href = $(this).attr('href');
            $("#dialog").append(href)
            $("#dialog").dialog("open");
        });
 </scipt>

答案 1 :(得分:0)

如果您只想显示ID,则需要拆分href

$('a').on('click', function(e) {  
  e.preventDefault();
  var href = $(this).attr('href');
  href = href.substring(2,href.length);
  var items = href.split('=');
  console.log(items);
});

items[1]将仅包含该号码。

jsfiddle