javascript get value of issue</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2015-06-08T03:08:11.537" class="fromnow">Jun 08 '15 at 03:08</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2015-06-08T03:49:27.810" datetime="2015-06-08T03:49:27.810">Jun 08 '15 at 03:49</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 53 times"> <span class="fc-light mr2">Viewed</span> 53 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="30700743" data-ownerid="4932008" data-score="1"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="30700743"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="1">1</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>i want to store json data in a textarea temporally then i can use it later. in text.js got bellow function:</p> <pre><code>function getList(pageNo, pageLimit, id, queryData){ var $container = $('#js-skp-table'), $pageContainer = $('#js-skp-pager'), $pageNum = $('#js-skp-num'), $tmpl = $('#js-skp-item'); $.ajax({ url : '/test/url/'+ id, data : $.extend({}, queryData, {page: pageNo+1, limit: pageLimit}), type : 'GET', cache :false, dataType: 'json', success: function(data){ var items = []; if(data.data && data.data.length > 0){ $.each(data.data, function(index){ items.push( $tmpl.tmpl(data.data[index])[0]); }); var tempStr = JSON.stringify(searchDataArr); tempStr=tempStr.replace(/\"/g,"'"); $('#myTextarea').text(tempStr); console.log('testarea:'+$('#myTextarea').val()); // got output $container.empty().append(items); $pageNum.text(data.data.length); $pageContainer.empty().pagination(data.total, { items_per_page : pageLimit, current_page : pageNo, callback : function(page, component){ window.location.hash = '#page=' + page; getList(page, pageLimit, id, queryData); } }); } }, }); } </code></pre> <p>in text.html</p> <pre><code>getList(0, 10, id, queryData); console.log('testarea:'+$('#myTextarea').val()); // output nothing. </code></pre> <p>updated to </p> <pre><code>getList(0,50,seckill_id).complete(function() { console.log('testarea:'+$('#myTextarea').val()); }); </code></pre> <p>now, my question is: how come first console.log got output value, but second not? then, new error come out: Uncaught TypeError: Cannot read property 'complete' of undefined</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag js-gps-track" title="show questions tagged 'jquery'" rel="tag">jquery</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2015-06-08T03:49:27.810" class="relativetime">Jun 08 '15 at 03:49</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">nk147ch</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 08 '15 at 03:08">asked Jun 08 '15 at 03:08</time> <a href="../../users/4932008/nk147ch" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4932008.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="nk147ch" /> </a> <div class="s-user-card--info"> <a href="../../users/4932008/nk147ch" class="s-user-card--link">nk147ch</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">21</li> <li class="s-award-bling s-award-blingbronze" title="4 bronze badges">4</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-30700743" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="30700743" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-49459529" class="comment js-comment " data-comment-id="49459529" data-comment-owner-id="14104" data-comment-score="2"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">2</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49459529_30700743"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">It does not work because it is ASYNCHRONOUS. What you did was call the pizza company and as soon as you hung up the phone you are trying to eat the pizza you just ordered. You can not do it, you need to wait for it to be delivered. Hence why there is a callback.</span> – <a href="../../users/14104/epascarello" title="204,599 reputation" class="comment-user ">epascarello</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30700743/javascript-get-value-of-textarea-issue#comment49459529_30700743"><span title="2015-06-08T03:16:05.017 License: CC BY-SA 3.0" class="relativetime-clean">Jun 08 '15 at 03:16</span></a></span> </div> </div> </li> <li id="comment-49459565" class="comment js-comment " data-comment-id="49459565" data-comment-owner-id="4932008" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment49459565_30700743"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">so how i know the function executed? "$container.empty().append(items);",on test.html, showed the html content already. how to solve this problem?</span> – <a href="../../users/4932008/nk147ch" title="21 reputation" class="comment-user owner">nk147ch</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/30700743/javascript-get-value-of-textarea-issue#comment49459565_30700743"><span title="2015-06-08T03:19:51.177 License: CC BY-SA 3.0" class="relativetime-clean">Jun 08 '15 at 03:19</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">0 Answers<span style="display:none;" itemprop="answerCount">0</span></h2> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>