dongwenxiu5200
2012-04-11 09:00
浏览 47

通过jquery ajax将文本区域中的内容加载到div中

I need to load content from a text area into a div via jquery ajax. The content initally loads into a div via jquery. When the button is pressed, a click function inserts the content into a database via ajax and then reloads the content back into the div. It works but seems to be a bit sporadic. My question is, is there a better way to do this.

I am basically trying to submit a status into a timeline without refreshing the page

<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>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • dou5454954610 2012-04-11 09:17
    已采纳

    I am guessing you should be doing your update in the callback function that jquery executes when the server responds to your post request

    thus your code should be changed to

    <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>
    

    Thus here your posts response is html data that is set in the result container

    点赞 评论