Paramètre jQuery Valeur du champ de saisie

Question

J'ai un formulaire pour modifier l'utilisateur et je souhaite insérer les données utilisateur de la base de données dans les champs des formulaires. Ce que je fais est

Lien

<a href="javascript:void(0)" onclick="editUser('/edit/${user.login}')">Edit</a> 

Script

function editUser(url) { 
$("#edit-form").dialog("open"); 
$.ajax({ 
     url: url, 
     type: "POST", 
     success: function (resp) {    
     $('input[name="elogin"]').val(resp.login); 
     } 
    }) 
} 

Formulaire

<div id="edit-form" title="Edit user"> 
<p class="validateTips">All form fields are required.</p> 
<form:form> 
    <fieldset> 
     <label for="elogin">Login</label> 
     <input type="text" name="elogin" id="elogin" class="text ui-widget-content ui-corner-all" /> 
    </fieldset> 
</form:form> 
</div> 

Mon contrôleur retourne au printemps suivant (en emballage j'ai champ login)

@RequestMapping(value="/edit/{userLogin}", method=RequestMethod.POST) 
@ResponseBody 
public Wrapper edit(@PathVariable String userLogin) { 
    return wrapper.wrap(userService.findByLogin(userLogin)); 
} 

Mais le formulaire est vide. J'ai également essayé de définir des valeurs manuelles mais toujours pas d'utilisation. S'il vous plaît aidez-moi à définir la valeur du champ de saisie.

Answer 1

Vous devez envoyer vos données de formulaire avec votre demande de publication.

$.ajax({ 
    url: url, 
    type: "POST", 
    data:$('form').serialize(), 
    success: function (resp) {    
    $('input[name="elogin"]').val(resp.login); 
    } 
}) 

Answer 2

function editUser(url) { 
$("#edit-form").dialog("open"); 
$.ajax({ 
     url: url, 
     type: "POST", 
     success: function (resp) {    
     $('#elogin').val(resp.login); 
     } 
    }) 
} 

devrait fonctionner très bien, comme vous avez défini un ID pour l'entrée.

Answer 3

Pas tout à fait sûr que vous ayez la bonne commande, vous devez faire l'appel ajax en premier, puis ouvrir le dialogue jQuery?

De toute façon, vous pouvez fournir des données dans la boîte de dialogue comme suit;

//call ajax method to get value you want to show. 
var somevariable = etc..... 
var dto = { 
    loginName: somevariable 
} 
$("#edit-form").data('params', dto).dialog('open'); 

Ensuite, dans votre boîte de dialogue, utilisez la méthode open().

$("#edit-form").dialog({ 
    bgiframe: true, 
    autoOpen: false, 
    height: 280, 
    width: 320, 
    draggable: false, 
    resizable: false, 
    modal: true, 
    open: function() { 
     //so values set in dialog remain available in postback form 
     $(this).parent().appendTo("form"); 

     //get any data params that may have been supplied. 
     if ($(this).data('params') !== undefined) { 
      //stuff your data into the field 
      $("#elogin").val($(this).data('params').loginName); 
     } 
    } 
});