阿賈克斯加載一個HTML文件，然後添加值

Question

你好，我有一個文件，這裏叫做personal.html：

<form id="form_personal"> 
    <div class="row" style=""> 
     <div class="row"> 
      <div class="small-12 columns"> 
       <label class="">Username:</label> 
      </div> 
      <div class="small-12 columns"> 
       <input type="text" name="username" id="us"/> 
      </div> 

      <div class="small-12 columns"> 
       <button id="submit" type="submit" class="success button">Submit</button> 
      </div> 
     </div> 
    </form> 

正如你可以從上面的代碼中看到的，我已經叫「我們」的ID。所以這是我想通過AJAX實現，但它不工作，我

<div class="atest"></div> 

實際上是一個名爲profile.html。所以我通過將AJAX加載到profile.html中包含personal.html。

$.ajax({ 

    url: 'some params, ignore this', 
    dataType: 'ignore this', 
    success: function(r) 
    { 
     $('.atest').load('personal.html'); 


    } 
}).done(append); 

function append() 
{ 
    // alert(); 
    $('#us').val('test'); 
} 

我試圖把在「測試」的價值爲我

<input type="text" name="username" id="us"/> 

這是在personal.html文件，如何做到這一點？

Answer 1

你需要等到personal.html負荷完全，對於你應該使用完整的呼叫回的jQuery load方法是這樣的：

$('.atest').load('personal.html', function() { 
    //this will run after personal.html has loaded. 
    //Do your stuff here 
});