ぼかしでJqueryダイアログを表示するには？

Question

私はjqueryダイアログでいくつかの情報を表示したいので、ユーザーがテキストボックスとブラーに値を入力すると、その値を使用してajax呼び出しを行いダイアログボックスに情報を表示する必要があります。

これは私がこれまで試したものです：

$(function() { 
    $('#MyTextbox').blur(function() { 
    var id = $(this).val(); 
    if (id >= "1") { 
     alert(id); 
     ShowData(); 
     } 
    }); 
}); 

function ShowData() { 
    $("#dialog").dialog(); 
} 

は、これを行うのいずれかの他の良い方法はありますか？

Answer 1

$(function() { 

    $("#dialog").dialog({ isOpen : false});//Create Dialog 


    $('#MyTextbox').blur(function() { 
     var id = parseInt($(this).val()); //See correction here 


     if(id >= 1) { 
     //Get content and append to dialog 
     $("#dialog").dialog("open");//Open dialog 
     } 
    }); 

}); 

Answer 2

phpでajaxスクリプトを使用している場合は、blurイベント関数から直接呼び出すことができ、html結果をダイアログボックスに渡すことができます。

$('#MyTextbox').blur(function() { 
    // the ajax call 
    $.get('ajaxScript.php',{id: $("this").val()}, 
    function(data){ 
     //the result in html to the dialog 
     $("#dialog").empty().append(data).dialog(); 
    },'html'); 
}); 

希望これは何を動作していない