Requisição AJAX com Blur

by Ivan Ferrer

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<label>Fone:</label>
<input maxlength="10" required class="inp_editar" type="text" name="fone_tel" id="fone"/>
<label>Ramal:</label>
<input  maxlength="10" required class="inp_editar" type="text" name="ramal_tel" id="ramal_tel"/>
<div id="resposta"></div>

JavaScript

var user_us = $("#fone"), 
    user_us_ramal = $("#ramal_tel"); 
    $("#resposta").hide();
         $("#fone,#ramal_tel").blur(function() { 
            $.ajax({ 
                url: '/echo/json/', 
                type: 'POST',
                dataType:'json',                
                data: {
                      json:'{"fone" : "'+user_us.val()+'", "ramal_tel" : "'+user_us_ramal.val()+'"}'
                      }, 
                success: function(data) { 
                console.log(data); 
                $("#resposta").html(data.fone+'<br>'+data.ramal_tel);
                $("#resposta").fadeIn();
            } 
        }); 
    });