MVC 3 .NET заполняет поля динамически

Question

У меня есть поле для почтового индекса. Я хочу, чтобы, когда человек заполняет это поле почтовым индексом и щелкает в другом поле, запускает событие (onBlur). Это событие выполнит выбор в базе данных и получит адрес и заполнит другие поля этой информацией. Я читал, что не очень хорошая идея выполнить метод контроллера из представления. Итак, как я могу это развить?

Мой почтовый поле Код:

<div class="editor-field"> 
    @Html.Label("ZIP CODE") 
    @Html.Editor("zipCodeClient") 
</div> 

Спасибо!

Answer 1

Если у вас есть доступ к jQuery, я бы использовал функцию ajax для вызова веб-службы wcf, которая возвращает соответствующую адресную информацию в формате JSON. В противном случае вы можете создать свой собственный запрос XHR и проанализировать ответ.

$('#zipCodeClient').blur(function() { 
    var zipCode = $(this).val(); 
    if(zipCode.length >= 5 && zipCode.length <= 10) { 
     $.ajax({ 
      type: 'GET', 
      data: { ZipCode: zipCode }, 
      url: 'something/ZipCodeToAddressService', 
      dataType: 'json', 
      contentType: 'application/json; charset=utf-8', 
      success: function(data) { 
       var responseObject = jQuery.parseJSON(data); 
       $('#cityTextBox').val(responseObject.City); 
       $('#stateTextBox').val(responseObject.State); 
      } 
     }); 
    } 
    else { 
     // zip code not valid 
    } 
}); 

В WCF:

[ServiceContract()] 
public interface IAddressServices 
{ 
    [OperationContract()] 
    [WebGet(ResponseFormat = WebMessageFormat.Json)] 
    string ZipCodeToAddressService(string ZipCode); 
} 

[ServiceBehavior(InstanceContextMode = InstanceContextMode.PerCall, ConcurrencyMode = ConcurrencyMode.Multiple)] 
public class AddressServices : IAddressServices 
{ 
    public string ZipCodeToAddressService(string ZipCode) 
    { 
     using (SqlConnection sqlConnection = new SqlConnection(ConfigurationManager.ConnectionStrings["DB"].ConnectionString)) 
     { 
      using (SqlCommand sqlCmd = new SqlCommand("ZipCodeToAddressStoredProc", sqlConnection)) 
      { 
       sqlCmd.CommandType = CommandType.StoredProcedure; 
       sqlCmd.Parameters.Add("@Zip", SqlDbType.NVarChar).Value = ZipCode; 
       sqlConnection.Open(); 
       SqlDataReader sDR = sqlCmd.ExecuteReader(CommandBehavior.CloseConnection); 
       DataTable tbl = new DataTable(); 
       tbl.Load(sDR); 
       sDR.Close(); 
       var citystateData = from DataRow Row in tbl.AsEnumerable() 
            select new 
            { 
             City = Row.Field<string>("City"), 
             State = Row.Field<string>("State") 
            }; 
       JavaScriptSerializer js = new JavaScriptSerializer(); 
       StringBuilder sb = new StringBuilder(); 
       js.Serialize(cityStateData, sb); 
       string rtrnCityStateData = sb.ToString(); 
       return rtrnCityStateData; 
      } 
     } 
    } 
}