JavaScript How to create a button in jquery, having its href attribute equal to ajax response create button jquery dynamically,create button jquery,adding button jquery,

Having ajax request like:

$.ajax({
  type: 'POST',
  url: 'mysite/action',
  dataType: 'json',
  data: postData,
  success: function(response) {
    console.log(response);
    var input = $('<a class="btn btn-info" target='_blank' href="....response...." role="button">Link</a>');
    input.appendTo($("body"));
  }
});

I get a link in ajax response, how do I create a button having its href attribute equal to that ajax response?

Answer:1

You can also pass attributes in an object, which will take care of saniziting strings for you, such as escaping quotes:

$('<a/>', {
   'class': 'btn btn-info',
   href: response,
   role: 'button',
   text: 'Link'
}).appendTo('body');

In response to comment below, simply pass a similarly constructed span to append. Compared to the example below, I've removed the text property from the attributes object, and add the link text in a subsequent append call, to insert the icon before the text, if this is what you want.

It could of course have been achieved by adding the span with a prepend instead, if you want to keep the text property, but I think it makes more semantical sense to add the elements in the order you want them to appear.

$('<a/>', {
   'class': 'btn btn-info',
   href: response,
   role: 'button'
}).append(
   $('<span/>', { 'class': 'glyphicon glyphicon-download' })
).append(' Link')
 .appendTo('body');
Answer:2

You can use Template Strings

Template literals are string literals allowing embedded expressions

var input = $(`<a class="btn btn-info" target='_blank' href="${response}" role="button">Link</a>`);

Or you can use the + operator and break string into to parts.

var input = $('<a class="btn btn-info" target='_blank' href="'+15+'"role="button">Link</a>');
Answer:3

Try this solution:

$.ajax({
                    type: 'POST',
                    url: 'mysite/action',
                    dataType: 'json',
                    data: postData,                     
                    success: function(response)
                    {
                        console.log(response);
                        var input = $('<a class="btn btn-info" target='_blank' href="' + response + '" role="button">Link</a>');
                        input.appendTo($("body"));                      

                    }                       
                });
Answer:4

Loop Through Nested Array Elements With JavaScript

I'm trying to loop through nested arrays to determine if an element in the array is either "open" or "senior": function openOrSenior(data) { for (let i = 0; i <= data.length; i++) { let ...

I'm trying to loop through nested arrays to determine if an element in the array is either "open" or "senior": function openOrSenior(data) { for (let i = 0; i <= data.length; i++) { let ...

  1. loop through nested dictionary python
  2. loop through nested object javascript
  3. loop through nested json
  4. loop through nested list python
  5. loop through nested json python
  6. loop through nested arrays javascript
  7. loop through nested array react
  8. loop through nested json object react
  9. loop through nested json object java
  10. loop through nested json object c#
  11. loop through nested json object jquery
  12. loop through nested json object javascript recursive
  13. loop through nested map java
  14. loop through nested array php
  15. loop through nested json javascript
  16. loop through nested json array
  17. loop through nested object
  18. loop through nested list
  19. loop through nested array
  20. loop through nested list c#

parse nested javascript array

I have this array air_content: '', compaction_method: 1, concrete_cylinders: [ { id: '', specimen_name: 'A', mould_number: '', curing: 1, age: 7 }, { ...

I have this array air_content: '', compaction_method: 1, concrete_cylinders: [ { id: '', specimen_name: 'A', mould_number: '', curing: 1, age: 7 }, { ...

  1. parse nested json javascript
  2. parse nested objects javascript
  3. parse nested xml javascript
  4. parse nested array javascript
  5. parse nested json js
  6. parse nested json object javascript
  7. parse nested json string javascript
  8. javascript parse nested parentheses
  9. javascript parse nested brackets
  10. parse json nested array javascript
  11. parsing nested string javascript

Draw a Line Chart with both solid and dotted line in it with angular nvd3js directive?

I'm using angular-nvd3 directive for making a custom line chart display counting number of guest in specific period time range as follow : current Time - 2 --> current Time : will be display as ...

I'm using angular-nvd3 directive for making a custom line chart display counting number of guest in specific period time range as follow : current Time - 2 --> current Time : will be display as ...

  1. draw line chart in excel
  2. draw line chart online
  3. draw line chart d3
  4. draw line chart in python
  5. draw line chart in r
  6. draw line chart in html5
  7. draw line chart in c#
  8. draw line chart in android
  9. draw line chart
  10. draw line chart js
  11. draw line chart javascript
  12. draw line chart in html
  13. draw line chart using python
  14. draw line chart in java
  15. draw line chart in excel using python
  16. draw line chart in powerpoint
  17. draw line chart in php
  18. draw line chart in wpf
  19. draw line chart using javascript
  20. draw line chart using d3

how to make setTimeout() work as it looks like in for-loop?

how to make setTimeout() work as it looks like in for-loop? like this code function hello() { for (let index = 0; index < 3; index++) { setTimeout(function () { console....

how to make setTimeout() work as it looks like in for-loop? like this code function hello() { for (let index = 0; index < 3; index++) { setTimeout(function () { console....