Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--suppress ALL -->
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
- <script>
- function getJson(){
- return fetch("https://jsonplaceholder.typicode.com/users").then(el=>el.json());
- }
- function fun(){
- const ret = getJson();
- ret.then(el=>{
- let str = "";
- el.forEach(element => {
- str += element.name;
- str += "</br>";
- });
- $("#div1").html(str);
- });
- }
- </script>
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="col-sm">
- <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
- </div>
- </div>
- <div class="row">
- <div class = "col-sm">
- <button type="button" class="success" onclick="fun()">CLICK ME</button>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement