jquery - jQueryを使用して外部ファイルからデータをロードする方法

Question

jQueryでAJAXを使用してコンテンツをdivにロードしようとしていますが、深刻な失敗があります。

これがjavascriptです：

$(document).ready(function() {
  $('#webdev').hide();
     $("#apply-webdev").click(function() {
        var form = $("#webdev");
        var formContent = form.find("#webdev");
        form.slideToggle();
        $.ajax({
            url: "api.php?do=get_form_webdev",
            cache: false,
            success: function(data) {
                form.html(data.params);
        },
        dataType: "json"
      });
  });
});

そしてここにHTMLがあります：

<div class="rbutton"><button title="Apply for position" id="apply-webdev" onclick="load_webdev_form()">&nbsp;Apply&nbsp;</button></div>
    <div id="webdev">
    <fieldset><legend>Apply for position</legend><div style='padding:10px; text-align:center'><img src='/images/load.gif'/></div></fieldset>
    </div>

私は何が間違っているのですか？

編集

以下は、このスレッドで与えられた回答に基づいた新しいコードです。

$(document).ready(function() {
    $('#webdev').hide();
    $("#apply-webdev").click(function() {
        $("#webdev").slideToggle();
        $("#webdev").load("api.php?do=get_form_webdev");
    });
    $('#webdevcancel').click(function()
        {
            $('#webdev').hide('slow');
        }
    );
    $('#webdevsave').click(function()
        {
        $('#webdev').block({ 
        message: '<h1>Processing...</h1><img src="/images/load.gif" /><br /><br />', 
        css: { border: '3px solid #a00' } 
    });
        }
    );
});

Answer 1

jQueryの要素にコンテンツをロードする簡単な方法は、loadメソッドです。

$("#webdev").load("api.php?do=get_form_webdev");

Answer 2

以下のsuccess関数では、formContent.html（data.params）の代わりにform.html（data.params）を使用するべきではありませんか？

成功：function（data）{formContent.html（data.params）; }、

Answer 3

「ひどく失敗している」とはどういう意味ですか？
dataTypeをhtmlに設定し、次のようなパラメータなしでデータを使用しようとしましたform.html(data.);