クエリー・ストリングをAjaxがロードしたJqueryモーダル・ダイアログに渡す

Question

これを行う方法の例を見てきましたが、私が見つけたのは.netまたはPHPページです。私は古典的なASPページでこれをやろうとしていて、JQueryを初めて使うので、どうやってそれをどうやって調べるかを考えています。

私はJQueryモーダルダイアログを開くリンクを持っています。モーダルダイアログの「開く」機能は、別の.aspページからコンテンツを取り込みます。その内容は、クエリーストリング要素によってロードされたいと思います。

私はそれをテストし、静的なクエリー文字列を入力して動作させました。しかし、文字列に動的な値を渡す方法や複数の値を渡す方法（ "&"を含むクエリー文字列を意味する）はわかりません。

<script type="text/javascript"> 

$(function() { 
$("#example2").dialog({ 
      autoOpen: false, 
      width: 650, 
      modal: true, 

      open: function() { 
      //here's where I need to dynamically pass multiple elements 
      $("#example2").load("test.asp?id=28&value=30");} 
     }); 

     $("#showdialog2") 
      .click(function() { 
       $("#example2").dialog("open"); 
       return false; 

     }); 
}); 

それとダイアログのdivをトリガーするリンクを：ここで

は、私が働いているコードだ

<a href="" id="showdialog2">Show the Dialog</a> 

<div id="example2" title="My First Ajax Dialog2"></div> 

これは古典的なASPページですので、道私がそこにあります「Show Dialog」リンクからquerystring要素をダイアログ呼び出しに渡すことができますか？

ありがとうございました！

Answer 1

ような何かを行うことができ、私はあなたがこれを行うにしたいと思います現在のQueryStringコレクションを使用しようとしている場合：複数のカスタム属性を使用し、より多くの変数を追加するには

<a href="/some/link/for/progressive/enhancement.asp?id=<%= id %>" id="showdialog2" data-id="<%= id %>">Show the Dialog</a> 

<div id="example2" title="My First Ajax Dialog2"></div> 

を余分なものを含めるように以下を修正してください。

$(function() { 
    $("#example2").dialog({ 
     autoOpen: false, 
     width: 650, 
     modal: true, 

     open: function() { 

    }); 

    $("#showdialog2") 
     .click(function() { 
      $("#example2").dialog("open"); 
      $("#example2").load("test.asp?id=" + $(this).attr('data-id') + "&value=30");} 
      return false; 

    }); 
}); 

代替は$(this).href()を使用して、手動で（おそらくそれはRegexできます）クエリ文字列を抽出するための値を解析することですが、カスタム属性を使用すると、前方より簡単な方法です。

openとloadの呼び出しを連鎖させることができます。ダイアログを閉じるときに破棄しない場合は、ダイアログのデフォルトの内容を設定することをお勧めします。あなたがそれらの例を望むかどうか私に教えてください。

---

（ノートもpreventDefault代わりの戻り偽）チェーン：

$("#showdialog2").click(function (event) { 
    $("#example2").html('<div style="text-align: center"><img src="/assets/images/ajax-loader.gif" /></div>') 
     .dialog("open") 
     .load("test.asp?id=" + $(this).attr('data-id') + "&value=30"); 
    event.preventDefault(); 
}); 

そこにあるだけのAjaxスピナー（get yours here）を持つようにクリックでダイアログがリセットされますので、あなたは、再できますリロードせずに使用してください。

Answer 2

あなたはこの

<% 
Sub outputQueryString() 
    dim key 
    for each key in Request.Querystring 
     Response.Write key & "=" & Request.Querystring(key) & "&" 
    next 
End Sub 
%> 


$("#example2").load("test.asp?<% outputQueryString() %>");}