Response title
This is preview!
$(document).ready(function() {
$("#ontvangenjson").css("border","3px solid red");
$.getJSON("jason2.php", function(data) {
$.each(data, function(){
var merkTag = " <a class=\"deletemerk\" href="+"http://localhost/website/remove_merk.php?id="+this.pkFavorietemerken+">" + this.merken + "</a>";
$("#ontvangenjson").append(merkTag);
});
});
});
[{"pkFavorietemerken":"71","merken":"Nike"},{"pkFavorietemerken":"70","merken":"Le Coq Sportif"},{"pkFavorietemerken":"69","merken":"Converse"},{"pkFavorietemerken":"68","merken":"Champion"},{"pkFavorietemerken":"67","merken":"Adidas"}]
HTML:
<body>
<h1><label for="brands-form-brand">Get JSON data</label> <input type="button" id="knop" value="get JSON" /></h1>
<hr />
<p class="section-title"><strong>JSON Data received</strong></p>
<div id="ontvangenjson"> </div>
</body>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
- <script type="text/javascript">
- $(function(){
- $("#ontvangenjson").css("border", "3px solid red");
- data =[{"pkFavorietemerken":"71","merken":"Nike"},{"pkFavorietemerken":"70","merken":"Le Coq Sportif"},{"pkFavorietemerken":"69","merken":"Converse"},{"pkFavorietemerken":"68","merken":"Champion"},{"pkFavorietemerken":"67","merken":"Adidas"}]
- $.each(data, function () {
- var merkTag = " <a class=\"deletemerk\" href=" + "http://localhost/website/remove_merk.php?id=" + this.pkFavorietemerken + ">" + this.merken + "</a>";
- $("#ontvangenjson").append(merkTag);
- });
- })
- </script>
- <title>Untitled</title>
- </head>
- <body>
- <body>
- <h1><label for="brands-form-brand">Get JSON data</label> <input type="button" id="knop" value="get JSON" /></h1>
- <hr />
- <p class="section-title"><strong>JSON Data received</strong></p>
- <div id="ontvangenjson"> </div>
- </body>
- </body>
- </html>
To me everything seems good i really can't get my head arround this.
$(".
deletemerk").css("border","3px solid red");
© 2013 jQuery Foundation
Sponsored by and others.