<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Fabse-on-Blog &#187; AJAX</title>
	<atom:link href="http://blog.fabse.net/category/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.fabse.net</link>
	<description>Was bewegt mich; was nicht!</description>
	<lastBuildDate>Fri, 20 Jan 2012 22:06:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Hassliebe &quot;IE&quot;</title>
		<link>http://blog.fabse.net/2008/08/13/hassliebe-ie/</link>
		<comments>http://blog.fabse.net/2008/08/13/hassliebe-ie/#comments</comments>
		<pubDate>Wed, 13 Aug 2008 22:53:23 +0000</pubDate>
		<dc:creator>Fabse</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Büroleben]]></category>
		<category><![CDATA[coding]]></category>

		<guid isPermaLink="false">http://blog.fabse.net/2008/08/13/hassliebe-ie/</guid>
		<description><![CDATA[Ich hab eine Webseite erstellt, die JSON-kodierte Daten nimmt und sie in einer Tabellenform darstellt. Die ganze Entwicklung erfolgte (natürlich) auf dem Firefox und jetzt wollte ich mal schauen, wie der IE sich schlägt: Es kommt gar nichts&#8230;auch kein Javascript-Fehler! &#8230; <a href="http://blog.fabse.net/2008/08/13/hassliebe-ie/">Continue reading <span class="meta-nav">&#8594;</span></a><p><br /><br />---<br />
<a href="https://www.amazon.de/?&tag=fabsenetfabse-21">Unterst&uuml;tze mich und meinen Blog und kauf dir was Nettes (&uuml;ber diesen Link)</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Ich hab eine Webseite erstellt, die JSON-kodierte Daten nimmt und sie in einer Tabellenform darstellt. Die ganze Entwicklung erfolgte (natürlich) auf dem Firefox und jetzt wollte ich mal schauen, wie der IE sich schlägt: Es kommt gar nichts&#8230;auch kein Javascript-Fehler!</p>
<p>Ich habe immer fleißig alle Elemente mit document.createElement(&#8230;) erzeugt und mit appendChild() sauber zusammengefügt. Auch nach Einrichten des Visual Studios zum Debuggen des Javascripts im Internet Explorer (was übrigens ausgesprochen gut funktioniert!) habe ich die Erstellung schrittweise verfolgt und bin zu dem Ergebnis gekommen, dass nirgends ein Fehler ist und alles ist sauber durchgelaufen.</p>
<p>Leider war nix davon zu sehen!</p>
<p>Fehler 1:</p>
<p>myTD.setAttribute(&#8220;<strong>class</strong>&#8220;, &#8220;&#8230;&#8221;); geht im IE nicht, hier müsste es myTD.setAttribute(&#8220;<strong>className</strong>&#8220;, &#8220;&#8230;&#8221;); heißen&#8230;was aber dann im Firefox nicht geht. Hier hilft myTD<strong>.className</strong> = &#8220;&#8230;&#8221;; Das funktioniert dann in beiden Browsern. Mein Problem hat es dennoch nicht gelöst.</p>
<p>Fehler 2:</p>
<p>Ich hab die Hierarchie so gehabt:</p>
<p>Table =&gt; TR =&gt; TD =&gt; text/input</p>
<p>und der IE verträgt es halt nur so:</p>
<p>Table =&gt; <strong>TBODY</strong> =&gt; TR =&gt; TD =&gt; text/input</p>
<p>&#8230;ist der TBODY Tag anwesend, läuft alles wie geschmiert. Die Erkenntnis hat mich einen ganzen Arbeitstag voller Debuggen, Fehlersuche und Googlen gekostet <img src='http://blog.fabse.net/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' /> </p>
<p><br /><br />---<br />
<a href="https://www.amazon.de/?&tag=fabsenetfabse-21">Unterst&uuml;tze mich und meinen Blog und kauf dir was Nettes (&uuml;ber diesen Link)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.fabse.net/2008/08/13/hassliebe-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Einen JSON-String formatieren</title>
		<link>http://blog.fabse.net/2007/10/26/einen-json-string-formatieren/</link>
		<comments>http://blog.fabse.net/2007/10/26/einen-json-string-formatieren/#comments</comments>
		<pubDate>Fri, 26 Oct 2007 10:27:52 +0000</pubDate>
		<dc:creator>Fabse</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[Java]]></category>

		<guid isPermaLink="false">http://blog.fabse.net/2007/10/26/einen-json-string-formatieren/</guid>
		<description><![CDATA[Wie bereits &#xF6;fter schon hier erw&#xE4;hnt, arbeite ich zur Zeit an einer Webanwendung. Nat&#xFC;rlich nutze ich auch AJAX! Allerdings nutze ich zur &#xDC;bergabe nicht XML sondern JSON. Ich nutze auf der Serverseite SOJO um zwischen Java-Objekten nach JSON hin und &#8230; <a href="http://blog.fabse.net/2007/10/26/einen-json-string-formatieren/">Continue reading <span class="meta-nav">&#8594;</span></a><p><br /><br />---<br />
<a href="https://www.amazon.de/?&tag=fabsenetfabse-21">Unterst&uuml;tze mich und meinen Blog und kauf dir was Nettes (&uuml;ber diesen Link)</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Wie bereits &#xF6;fter schon hier erw&#xE4;hnt, arbeite ich zur Zeit an einer Webanwendung. Nat&#xFC;rlich nutze ich auch AJAX! Allerdings nutze ich zur &#xDC;bergabe nicht XML sondern <a href="http://json.org/">JSON</a>. Ich nutze auf der Serverseite <a href="http://sojo.sourceforge.net/">SOJO</a> um zwischen Java-Objekten nach JSON hin und her zu konvertieren.</p>
<p>Leider ist der erzeugte JSON-String eine lange Zeile ohne Leerzeichen und Zeilenumbr&#xFC;chen. Das st&#xF6;rt ungemein, wenn man mal gucken will, ob das richtige &#xFC;bermittelt wird. Ich hatte mich also auf die Suche nach einem JSON Formatter gemacht, nur leider gibt quasi nur einen, der ben&#xF6;tigt aber Copy&amp;Paste des Strings, da ich ihn nicht einbetten kann. Nun hab ich mir schnell eine Java-Funktion geschrieben, die einen JSON String in einen lesbaren umwandelt. Ich hoffe es n&#xFC;tzt wem!</p>
<p>Quellcode gibts nach dem Link.</p>
<p><span id="more-91"></span></p>
<p>Es gab Probleme mit Backslashes hier in dem Blog, sollte es bei euch also nicht funktionieren, dann schaut zuerst danach!</p>
<p>
<div class="wlWriterSmartContent" id="scid:F2210F5F-69EB-4d4c-AFF7-B8A050E9CC72:f8bdfbc1-b19f-4620-af2c-db6d3c05cde8" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px">
<pre  style="width:100%;background-color:#DDDDDD;">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><span style="color: #999999;"> 1</span> <span style="color: #0000FF;">public</span><span style="color: #000000;"> String makeReadable(String json) {
</span><span style="color: #999999;"> 2</span> <span style="color: #000000;">   StringBuilder sb </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> StringBuilder();
</span><span style="color: #999999;"> 3</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">int</span><span style="color: #000000;"> indent </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #000000;">0</span><span style="color: #000000;">;
</span><span style="color: #999999;"> 4</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">boolean</span><span style="color: #000000;"> inString </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">false</span><span style="color: #000000;">;
</span><span style="color: #999999;"> 5</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">char</span><span style="color: #000000;"> lastChar </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">;
</span><span style="color: #999999;"> 6</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">char</span><span style="color: #000000;"> c;
</span><span style="color: #999999;"> 7</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">for</span><span style="color: #000000;"> (</span><span style="color: #0000FF;">int</span><span style="color: #000000;"> i </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #000000;">0</span><span style="color: #000000;">; i </span><span style="color: #000000;">&lt;</span><span style="color: #000000;"> json.length(); i</span><span style="color: #000000;">++</span><span style="color: #000000;">) {
</span><span style="color: #999999;"> 8</span> <span style="color: #000000;">      </span><span style="color: #008000;">//</span><span style="color: #008000;"> Schleife f&#252;r jedes Zeichen</span><span style="color: #008000;">
</span><span style="color: #999999;"> 9</span> <span style="color: #008000;"></span><span style="color: #000000;">      c </span><span style="color: #000000;">=</span><span style="color: #000000;"> json.charAt(i);
</span><span style="color: #999999;">10</span> <span style="color: #000000;">      </span><span style="color: #0000FF;">if</span><span style="color: #000000;"> (c </span><span style="color: #000000;">==</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">'</span><span style="color: #000000;"> </span><span style="color: #000000;">&amp;&amp;</span><span style="color: #000000;"> lastChar </span><span style="color: #000000;">!=</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">\\\\</span><span style="color: #000000;">'</span><span style="color: #000000;">) {
</span><span style="color: #999999;">11</span> <span style="color: #000000;">         inString </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #000000;">!</span><span style="color: #000000;">inString;
</span><span style="color: #999999;">12</span> <span style="color: #000000;">      }
</span><span style="color: #999999;">13</span> <span style="color: #000000;">      </span><span style="color: #0000FF;">if</span><span style="color: #000000;"> (inString) {
</span><span style="color: #999999;">14</span> <span style="color: #000000;">         </span><span style="color: #008000;">//</span><span style="color: #008000;"> innerhalb Strings darf nichts ge&#228;ndert werden!</span><span style="color: #008000;">
</span><span style="color: #999999;">15</span> <span style="color: #008000;"></span><span style="color: #000000;">         sb.append(c);
</span><span style="color: #999999;">16</span> <span style="color: #000000;">      } </span><span style="color: #0000FF;">else</span><span style="color: #000000;"> {
</span><span style="color: #999999;">17</span> <span style="color: #000000;">         </span><span style="color: #008000;">//</span><span style="color: #008000;"> normales Verhalten au&#223;erhalb eines Strings</span><span style="color: #008000;">
</span><span style="color: #999999;">18</span> <span style="color: #008000;"></span><span style="color: #000000;">         </span><span style="color: #0000FF;">switch</span><span style="color: #000000;"> (c) {
</span><span style="color: #999999;">19</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">\\n</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">20</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">21</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">\\t</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">22</span> <span style="color: #000000;">            </span><span style="color: #008000;">//</span><span style="color: #008000;"> alte Formatierungen entfernen</span><span style="color: #008000;">
</span><span style="color: #999999;">23</span> <span style="color: #008000;"></span><span style="color: #000000;">            </span><span style="color: #0000FF;">break</span><span style="color: #000000;">;
</span><span style="color: #999999;">24</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">[</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">25</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">\\n</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">);
</span><span style="color: #999999;">26</span> <span style="color: #000000;">            appendIndents(sb, indent);
</span><span style="color: #999999;">27</span> <span style="color: #000000;">            sb.append(c);
</span><span style="color: #999999;">28</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">\\n</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">);
</span><span style="color: #999999;">29</span> <span style="color: #000000;">            appendIndents(sb, </span><span style="color: #000000;">++</span><span style="color: #000000;">indent);
</span><span style="color: #999999;">30</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">break</span><span style="color: #000000;">;
</span><span style="color: #999999;">31</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">{</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">32</span> <span style="color: #000000;">            sb.append(c);
</span><span style="color: #999999;">33</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">\\n</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">);
</span><span style="color: #999999;">34</span> <span style="color: #000000;">            appendIndents(sb, </span><span style="color: #000000;">++</span><span style="color: #000000;">indent);
</span><span style="color: #999999;">35</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">break</span><span style="color: #000000;">;
</span><span style="color: #999999;">36</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">}</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">37</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">]</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">38</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">\\n</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">);
</span><span style="color: #999999;">39</span> <span style="color: #000000;">            appendIndents(sb, </span><span style="color: #000000;">--</span><span style="color: #000000;">indent);
</span><span style="color: #999999;">40</span> <span style="color: #000000;">            sb.append(c);
</span><span style="color: #999999;">41</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">break</span><span style="color: #000000;">;
</span><span style="color: #999999;">42</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">:</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">43</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">'</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">);
</span><span style="color: #999999;">44</span> <span style="color: #000000;">            sb.append(c);
</span><span style="color: #999999;">45</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">'</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">);
</span><span style="color: #999999;">46</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">break</span><span style="color: #000000;">;
</span><span style="color: #999999;">47</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">case</span><span style="color: #000000;"> </span><span style="color: #000000;">'</span><span style="color: #000000;">,</span><span style="color: #000000;">'</span><span style="color: #000000;">:
</span><span style="color: #999999;">48</span> <span style="color: #000000;">            sb.append(c);
</span><span style="color: #999999;">49</span> <span style="color: #000000;">            sb.append(</span><span style="color: #000000;">'</span><span style="color: #000000;">\\n</span><span style="color: #000000;">'</span><span style="color: #000000;">);
</span><span style="color: #999999;">50</span> <span style="color: #000000;">            appendIndents(sb, indent);
</span><span style="color: #999999;">51</span> <span style="color: #000000;">            </span><span style="color: #0000FF;">break</span><span style="color: #000000;">;
</span><span style="color: #999999;">52</span> <span style="color: #000000;">         </span><span style="color: #0000FF;">default</span><span style="color: #000000;">:
</span><span style="color: #999999;">53</span> <span style="color: #000000;">            sb.append(c);
</span><span style="color: #999999;">54</span> <span style="color: #000000;">         }
</span><span style="color: #999999;">55</span> <span style="color: #000000;">      }
</span><span style="color: #999999;">56</span> <span style="color: #000000;">      lastChar </span><span style="color: #000000;">=</span><span style="color: #000000;"> c;
</span><span style="color: #999999;">57</span> <span style="color: #000000;">   }
</span><span style="color: #999999;">58</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">return</span><span style="color: #000000;"> sb.toString();
</span><span style="color: #999999;">59</span> <span style="color: #000000;">}
</span><span style="color: #999999;">60</span> <span style="color: #000000;">
</span><span style="color: #999999;">61</span> <span style="color: #000000;"></span><span style="color: #0000FF;">private</span><span style="color: #000000;"> </span><span style="color: #0000FF;">void</span><span style="color: #000000;"> appendIndents(StringBuilder sb, </span><span style="color: #0000FF;">int</span><span style="color: #000000;"> indent) {
</span><span style="color: #999999;">62</span> <span style="color: #000000;">   </span><span style="color: #0000FF;">for</span><span style="color: #000000;"> (</span><span style="color: #0000FF;">int</span><span style="color: #000000;"> i </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #000000;">0</span><span style="color: #000000;">; i </span><span style="color: #000000;">&lt;</span><span style="color: #000000;"> indent; i</span><span style="color: #000000;">++</span><span style="color: #000000;">) {
</span><span style="color: #999999;">63</span> <span style="color: #000000;">      sb.append(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">\\t</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">);
</span><span style="color: #999999;">64</span> <span style="color: #000000;">   }
</span><span style="color: #999999;">65</span> <span style="color: #000000;">
</span><span style="color: #999999;">66</span> <span style="color: #000000;">}</span></div>
</pre>
</div>
<p><br /><br />---<br />
<a href="https://www.amazon.de/?&tag=fabsenetfabse-21">Unterst&uuml;tze mich und meinen Blog und kauf dir was Nettes (&uuml;ber diesen Link)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.fabse.net/2007/10/26/einen-json-string-formatieren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

