Databases
StackOverflow2013
Postsdbo
POremove previous JSON Data in client side and reload new Data on button click
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POremove previous JSON Data in client side and reload new Data on button click
    primarykey
    data
    text
    <p>in page load i am getting json data that`s ok but i want when i click on search button it will reload a new JSON Data according to Searching Criteria and remove previous JSON Data from client side.</p> <p>in Search Criteria there are some dropdownlist and textboxes with Search button and all the controls in Search Criteria are Server Controls (Asp.net) </p> <p>My problem is that when i click on search button it is generating a new JSON Data with Old JSON Data which i really don`t want for example in page load there is Apple but when i select Orange from DropDownlist and hit on search button it will showing both Apple and Orange, it should be only showing Orange as i was searching for only Orange not for both apple and orange..</p> <p><strong>here is my code for displaying the json Data</strong></p> <pre><code>&lt;script type="text/javascript"&gt; function StockList() { $.ajax({ type: "POST", url: "stocklist.aspx/Select_Search", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { var j = 1; var count = 9; for (var i = 0; i &lt; data.d.length; i++) { var output = '&lt;ul class="selection page-' + (i == count || (i &amp;&amp; !(i % 9)) ? j++ : j) + '"&gt;'; output += '&lt;li &gt;'; output += '&lt;table&gt;&lt;tr&gt;'; output += '&lt;td&gt;&lt;img src="http://localhost:37245/NewPeaceAuto - Steer_Well/WebStock_Images/' + data.d[i].Image1 + '" alt=""/&gt;&lt;/td&gt;'; output += '&lt;td&gt;CHASSIS NO:&lt;/td&gt;&lt;td&gt;' + data.d[i].CHASSIS_NO + '&lt;/td&gt;'; output += '&lt;td&gt;MODEL:&lt;/td&gt;&lt;td&gt;' + data.d[i].MODEL + '&lt;/td&gt;'; output += '&lt;td&gt;COLOR:&lt;/td&gt;&lt;td&gt;' + data.d[i].color + '&lt;/td&gt;'; output += '&lt;td&gt;TRANS:&lt;/td&gt;&lt;td&gt;' + data.d[i].TRANSMISSION + '&lt;/td&gt;'; output += '&lt;td&gt;DOOR:&lt;/td&gt;&lt;td&gt;' + data.d[i].DOOR + '&lt;/td&gt;'; output += '&lt;td&gt;MAKE:&lt;/td&gt;&lt;td&gt;' + data.d[i].MAKE + '&lt;/td&gt;'; output += '&lt;/tr&gt;&lt;/table&gt;&lt;/li&gt;&lt;/ul&gt;'; $("#update").append(output); count = count + 9; } } }); } &lt;/script&gt; </code></pre> <p><strong>on page Load</strong></p> <pre><code>&lt;body onload="StockList();"&gt; </code></pre> <p><strong>on page load or button click JSON Data is appending inside #update id div</strong></p> <pre><code>&lt;div id="update"&gt;&lt;/div&gt; </code></pre> <p><strong>on button click from Search Criteria by selecting a value from dropdownlist</strong></p> <pre><code> &lt;asp:DropDownList ID="ddlMake" runat="server" DataSourceID="odsMake" DataTextField="make" DataValueField="makeID"&gt; &lt;/asp:DropDownList&gt; &lt;asp:Button ID="Button2" runat="server" Text="Button" OnClientClick="StockList(); return false;"/&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSiddiq Baig
    1. USSiddiq Baig
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COWhat kind of control is 'update'? Why don't you clear it before filling it with more stuff?
      singulars
      1. POremove previous JSON Data in client side and reload new Data on button click
      1. USSteve Wellens
    2. COhi @SteveWellens it`s updating the #update ID with more stuff.. that`s my question how to clear #update ID before filling the more stuff?
      singulars
      1. POremove previous JSON Data in client side and reload new Data on button click
      1. USSiddiq Baig
    3. CO@SteveWellens update id is just a simple div i have updated my question
      singulars
      1. POremove previous JSON Data in client side and reload new Data on button click
      1. USSiddiq Baig
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload