How to check ajax data.d is null in append?

Question

I am trying to append some data in html table using jquery that is working fine but when the data is null or empty i have to append another div to that html table.

Am trying like this

$("#table").append(data.d[i].one!=""?
    "<td id='divs'>
       <input id="+ data.d[i].one +" type=" + "checkbox" + " class=" + "cbCheck" + ">
       <label  for="+ data.d[i].one +"></label>
    </td>":"<div></div>");

but it is not working please help me how to fix this...

did you forget to add the `$` to the beginning or is it just a typo? — Taha Paksu, Jan 10 '17 at 09:01
Possible duplicate of [How do you check for an empty string in JavaScript?](http://stackoverflow.com/questions/154059/how-do-you-check-for-an-empty-string-in-javascript) — Hristo Eftimov, Jan 10 '17 at 09:03
maybe you are accessing the `data` object wrong. try `console.log(data);` — Taha Paksu, Jan 10 '17 at 09:03
actually am facing the problem is am appending multiple rows like this same data.d[i].two and three and so on ... so i am unable to use condition in every case i have to use condition in every case @Taha Paksu — Raviteja, Jan 10 '17 at 09:15

score 1 · Accepted Answer · answered Jan 10 '17 at 09:17

Never understand why somebody use this

$("#table").append(data.d[i].one!=""?
    "<td id='divs'>
       <input id="+ data.d[i].one +" type=" + "checkbox" + " class=" + "cbCheck" + ">
       <label  for="+ data.d[i].one +"></label>
    </td>":"<div></div>");

Instead of this:

    //class declaration
    function YourTableCell(name, value) {
       this.input = document.createElement('input');
       this.input.value = value;
       this.input.name = name;
       this.label = document.createElement('label');
       this.label.text = 'My Label';
       this.container = document.createElement('td');
       this.container.appendChild(this.input);
       this.container.appendChild(this.label);
    }


    //application buisness logic
    if(data.d[i].one != ''){
      var cell = new YourTableCell(data.d[i].name, data.d[i].value);
      $("#table").append(cell.container);
    } else {
      $("#table").append(document.createElement('div'));
    }

Using this approach you can incapsulate table cell building inside of your class and make your code much more readable and reusable. Also, as I see now, you are trying to append td inside of something with id #table, and look like it is incorrect, because you should append td inside of tr.

Also, using this you can get references to all objects such as inputs and avoid of $('input, select, textarea') selectors.

score 0 · Answer 2 · edited May 23 '17 at 12:00

0

You could use :

if( data.d ){
    //Your code
}

That will check if data.d is NULL or empty string "".

If you want to check in every iteration use the index i :

if( data.d[i] ){
    //Your code
}

Hope this helps.

Take a look to https://stackoverflow.com/a/5515349/4281779.

edited May 23 '17 at 12:00

Community

1
1

answered Jan 10 '17 at 09:03

Zakaria Acharki

66,747
15
75
101

1

I think it should be `data.d`? – Mr. Alien Jan 10 '17 at 09:04
To be fair, it also checks for `undefined`, `0`, `NaN`, `false`, and other falsy values. – henrikmerlander Jan 10 '17 at 09:08

score 0 · Answer 3 · answered Jan 10 '17 at 09:04

0

You could use something like this,

var html = '<div></div>';

if(data.d[i].one) {
    html = '<td id="divs"><input id="' + data.d[i].one + '" type="checkbox" class="cbCheck"><label  for="' + data.d[i].one + '"></label></td>';
}

("#table").append(html);

answered Jan 10 '17 at 09:04

Thaadikkaaran

5,088
7
37
59

How to check ajax data.d is null in append?

3 Answers3