通過jquery ajax將內容從文本區域加載到div中

Question

我需要通過jquery ajax將文本區域的內容加載到div中。內容首先通過jquery加載到div中。當按下按鈕時，點擊功能通過ajax將內容插入到數據庫中，然後將內容重新加載到div中。它有效，但似乎有點零星。我的問題是，有沒有更好的方法來做到這一點。

我基本上是試圖提交身份進入一個時間表而無需刷新頁面

<script> 
    $.ajaxSetup ({ cache: false });  
    var ajax_load = "<div align='center'><img src='img/ajax-loader.gif' alt='loading...' /></div>"; 
    var loadUrl = "ajax/ajax.php"; 
    var loadMe = "functions/status.php"; 
    $("#result").html(ajax_load).load(loadUrl); 

    $("#share-but").click(function() { 
     var status = $("textarea#status").val(); 
     $.post(
      loadMe, 
      { status: status, user_id: '<?php echo "10" ?>' }, 
      "html" 
     ); 
     $("#result").html(ajax_load).load(loadUrl); 
     $("textarea").val('Share an update'); 
    }); 
</script> 

Answer 1

我猜你應該在回調函數，當服務器響應您的POST請求jQuery的執行做您的更新

因此您的代碼應改爲

<script> 
    $.ajaxSetup ({ cache: false });  
    var ajax_load = "<div align='center'><img src='img/ajax-loader.gif' alt='loading...' /></div>"; 
    var loadUrl = "ajax/ajax.php"; 
    var loadMe = "functions/status.php"; 
    $("#result").html(ajax_load).load(loadUrl); 

    $("#share-but").click(function() { 
     var status = $("#status").val(); 
     $.post(
      loadMe, 
      { status: status, user_id: '<?php echo "10" ?>' }, 
      function(htmlData) 
      { 
       $("#result").html(htmlData); 
       $("textarea").val('Share an update'); 
      }, 
      "html" 
     ); 

    }); 
</script> 

因此在這裏你的帖子迴應的HTML數據，它被設置在result container