How do I append a range of JSON data to my HTML using Javascript or Jquery? -

-

What I am trying to do is to capture it from my JSON file. For example, my JSON data looks like this: 

  {"Pictures": {"Painting": [{"Title": "Boardwalk 5", "Artist": "Ernie Palmer "A Piece of Piece", "Artist": "Arni Palmer", "Image": "AP2. JPG": "Ape 1. JPG", "Price": 850}, {"Title" , "Price": 450}, {"Headline": "Surf in High Tide", "Artist": "Arni Palmer", "Image": "AP3. JPG", "Price": 950}, {"Title ":" Games I want , "Artist": "Arni Palmer", "Image": "ap4.jpg", "price": 850}]}}

& Lt; div class = "area1" Add the first 2 items in my JSON array to item 3 and 4

Here I have explained all my data How to pull: 

  $ (document) .ready (function () {$ .ajax ({type: 'GET', url: 'data.json' data type: 'Jason' , Success: JasonAparser}}}; ​​function jsonParser (json) {$ ('# load'). FadeOut (); $ .getJSON ('data.json', function (data) {$ .each (Data PaintingsPanting, Function (K, V) {var title = V. Tetal; Var IMG = V.Image; Var value = v. Price; Here is the place where I need $ $ ('. Area 1'). Append ('
 ' + title + ' 
 
 gt; + title + '
 $' + price + '& lt; / div & gt; & Lt; / div & gt; ')});}); }

And here's my HTML: 

  & lt; Body & gt; & Lt; Div class = "area1" & gt; ... The first half of JSON data is here ... & lt; / Div & gt; & Lt; Div class = "area 2" & gt; ... the second part of the JSON data here & lt; / Div & gt; & Lt; / Body & gt;

Then a JSON file with data is broken, then added to two areas 

  $ GetJSON ('data.json', function (data) {$ .each (data paintingpanting, function (K, v) {var title = v.title; var img = v.image; var value = v.price; var Regional ; Switch (k) {Case 0: Case 1: Regional = '.area1'; break; Case 2: Case 3: Regional = '.area2'; break;} $ (Regional) .append ('& lt; div class = "Painting" & gt; & lt; img src = "images / '+ img +'" width = "200" height = "225" alt = "'+ title +'" /> gt; & lt; br / & Gt; & lt; div class = "title" & gt; '+ title +' 
 $ '+ price +' & lt; / div & gt; & lt; / div & gt; ')});});            
 or even more scalable  
 
 
 
  $ GetJSON ('data.json', function (data) {$ .each (data paintingpanting, function (k, v) {var title = v.title; var img = v.image; Var value = v. Prix; // We add the area by adding between 1 and 1 of 1 to 1 and 1 to 1, and from 10 to 1, the key of 1, 1 goes to 2, that is, 2 means var area = '.' Era '(Math. K / 10) + 1); $ (regional) .append ('div class = "painting"> '+ title +' div class = "title"> gt; + title +' 
 
 price + '& Lt; / div & gt; & lt; / div & gt;')});});

Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more