jQuery AJAXを使用してコントローラのアクションを呼び出す方法

Question

ViewからjQuery AJAXを作成してコントローラのアクションを呼び出す際に問題があります。私の実験では、「Email Address」と「Email Password」の2つのテキストボックスから電子メールアドレスを確認します。 2つのテキストボックスの下の "div"に結果を更新したいと思います。以上については、以下の私のコードを参照してください。

マイコントローラ：

[HttpPost] 
[ValidateAntiForgeryToken] 
public string verifyEmail(string emailAddress,string emailPassword) 
{ 
    ImapClient ic; 
    string result; 
    try 
    { 
     ic = new ImapClient("imap.gmail.com", emailAddress, emailPassword, AuthMethods.Login, 993, true, false); 

     //if the email address is verified 
     result = "OK"; 
    } 
    catch 
    { 
     //else 
     result = "Failed"; 
    } 

    //the result will be inserted into a HTML <div> 
    return result; 
} 

マイビュー：

<div class="form-group"> 
     @Html.LabelFor(model => model.emailAddress, htmlAttributes: new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.emailAddress, new { htmlAttributes = new { @class = "form-control", @id = "email-address-textbox" } }) 
      @Html.ValidationMessageFor(model => model.emailAddress, "", new { @class = "text-danger" }) 
     </div> 
    </div> 

    <div class="form-group"> 
     @Html.LabelFor(model => model.emailPassword, htmlAttributes: new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.PasswordFor(model => model.emailPassword, new { @class = "form-control", @id = "email-password-textbox" }) 
      @Html.ValidationMessageFor(model => model.emailPassword, "", new { @class = "text-danger" }) 
     </div> 
    </div> 

//click on this link to verify the email 
      @Html.ActionLink("Verify",null,null, htmlAttributes: new { @id = "email-verify" }) 
     </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-md-10"> 
      <div id="email-verification-status"> 
       //the result will be updated here 
      </div> 
     </div> 
    </div> 

そして、私のjQueryのAJAXを：

$(document).ready(function() { 
        function verify() 
        { 
         $.ajax({ 
          url: "/Ultility/verifyEmail", 
          type: "POST", 

          //get 2 values from the 2 text boxes 
          data: { emailAddress: $('#email-address-textbox').val(), emailPassword: $('#email-password-textbox').val() }, 
          contentType: "application/json; charset=utf-8", 
          dataType: "json", 
          success: function (data) { 
           //don't know what to insert here 
          } 
         }); 
        } 

        //call the AJAX function whenever the link is clicked 
        $('#email-verify').on('click', verify); 
       }); 

すべてが正常に動作し、私ができますアクションを呼び出すが、返された結果でdivタグを更新する方法がわからない。どんな助けでも謝罪されるでしょう！

Answer 1

これを試しましたか？

$（ "＃電子メール確認ステータス"）。テキスト（データ）。