Jquery在輸入文本中預加載值並更新它們

我有這些文本輸入，它們在文檔加載中預加載用戶信息。我的輸入HTML如下Jquery在輸入文本中預加載值並更新它們

<div class="control-group"> 
    <label class="control-label" for="first_name">First Name</label> 
    <div class="controls"> 
     <input type="text" class="account" id="first_name" placeholder="First Name"> 
    </div> 
</div> 
<div class="control-group"> 
    <label class="control-label" for="inputEmail">Email</label> 
    <div class="controls"> 
     <input type="text" class="account" id="inputEmail" placeholder="Email"> 
    </div> 
</div>

我的預加載就像這樣在jquery中，其中它執行php函數$ .post。這可以正常填充輸入元素。

function loadUserInfo() 
{ 
    $.post('../accounts/load_user_info_ajax', null, function(data) { 
     console.log(data.message);//Test to return user id 

     var user = data.message; 

     $('#inputEmail').val(user.email); 
     $('#first_name').val(user.name); 

    }, 'json'); 
}

但是有一個BTN更新中，當我點擊，它發出了一個$。員額到另一個功能。 jQuery的是如下

$('.update').on('click',function(){ 

    var type = $(this).attr('id'); 

    if(type == "account") 
    { 
     postvars = { 
       name:$('#first_name').val(), 
       email : $('#inputEmail').val(), 
      }; 
     url = '../accounts/update_user_account_ajax'; 
    } 

    $.post(url, postvars, function(data) { 

     console.log(data);//Test to return user id 
     alert(data.message); 
     var user = data.message; 

    }, 'json'); 
});

因爲一開始我只是返回

function update_user_account_ajax() 
{ 
    if ($this->input->is_ajax_request()) { 

     echo json_encode("test"); 
    }else { 
     show_404(); 
    } 
}

但什麼也沒有發生，我無法看到鉻調試網絡什麼爲好。頁面刷新以及附加一個？給你。先謝謝您的幫助。我使用codeigniter爲我的PHP。

來源

2013-02-22 edelweiss

爲@Joel_Blum說，也這樣做：你應該在功能on('click',function(){ ...體的末尾添加return false;，防止重新加載頁面。

來源

2013-02-22 18:00:22 dennisbot

試試這個

url : '<?php echo site_url("accounts/update_user_account_ajax")?>

來源

2013-02-22 17:25:15

Jquery在輸入文本中預加載值並更新它們

回答

相關問題