jquery convert array to string html

Question

as the title stated. how do i do that? i read in some forum to use stringify? and how do i use it?

PHP:

$notes = $db->query("SELECT * FROM notes WHERE id_user = '$id_user'");
$output = array();
while($note = $notes->fetch_assoc()) {
  $noting = '<span class="block_note">'.$note['note'].'</span>';
  array_push($output, $noting);
}
$data['ok'] = true;
$data['message'] = $output;
echo json_encode($data);

jQuery:

$.get("include/get_details.php?id_user=1",function(data){
  if (data.ok){
     $.each(data, function(key,id){
        $("#notes").append(data.message);
     })

  }
}, "json");

Output:

{
"ok":true,
"message":[
  "<span class=\"block_note\">note1<\/span>",
  "<span class=\"block_note\">note2<\/span>",
  "<span class=\"block_note\">note3<\/span>"
]
}

I don't get this question. By using json_encode you (in a way) convert a array to a string (or object). How to you want to use this? Where is the error? — OptimusCrime
– OptimusCrime, Commented Nov 1, 2011 at 11:55

spicavigo · Accepted Answer · 2011-11-01 11:55:35Z

2

$.get("include/get_details.php?id_user=1",function(data){
  if (data.ok){
     $.each(data.message, function(key,value){
        $("#notes").append(value);
     })

  }
}, "json");

answered Nov 1, 2011 at 11:55

spicavigo

4,2441 gold badge25 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tonoslfx Over a year ago

thanks.. i tried ur way before for some reason it didnt work.. and its working fine. weird.. lol.. thanks alot :)

Riz · Accepted Answer · 2011-11-01 11:57:30Z

1

array.join(separator)

In you case:

message = data.message;
html = message.join('');

answered Nov 1, 2011 at 11:57

Riz

10.3k8 gold badges43 silver badges54 bronze badges

Comments

rmorero · Accepted Answer · 2011-11-01 11:58:05Z

1

I believe the easiest way to do this would be to use the jQuery .toArray() function, and then javascript join().

Like this:

var myArray = $(".block_note").toArray();
myArray.join("");

answered Nov 1, 2011 at 11:58

rmorero

5964 silver badges10 bronze badges

Comments

Ryan · Accepted Answer · 2011-11-01 12:05:53Z

1

$.get("include/get_details.php?id_user=1",function(data){
  if (data.ok){
     $.each(data.message, function(key,id){
     $("#notes").append(id);
    });
  }
}, "json");

Check out the fiddle here http://jsfiddle.net/ryan_s/58cLY/

answered Nov 1, 2011 at 12:05

Ryan

3,8152 gold badges22 silver badges17 bronze badges

Comments

Salman Arshad · Accepted Answer · 2011-11-01 12:06:11Z

1

data.message is a JavaScript Array, so you can just use the Array.join method:

...
if (data.ok){
    $("#notes").append(data.message.join(""));
}
...

The Array object also provides various iteration methonds which you should find useful.

PS: you can also write your PHP code like this:

$data = array();
$data['message'] = array();
while($note = $notes->fetch_assoc()) {
    $data['message'][] = '<span class="block_note">' . $note['note'] . '</span>';
}
$data['ok'] = true;

edited Nov 1, 2011 at 12:06

answered Nov 1, 2011 at 11:59

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

Collectives™ on Stack Overflow

jquery convert array to string html

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Related