NaN по запросу ajax вернул данные

Question

NaN по запросу ajax вернул данные

0

на php стороне api у меня есть это:

$res = $db->query("SELECT count(upVote) FROM tbl_post_likers WHERE post_id='$pnum' AND upVote='true'");
$row = $res->fetchArray();
if($row[0] > 0){
    $upVotes = $row[0];
    $res = $db->query("SELECT count(downVote) FROM tbl_post_likers WHERE post_id='$pnum' AND downVote='true'");
    $row = $res->fetchArray();
    $downVotes = $row[0];

    $tot = $upVotes + $downVotes;
    $upVotesPer = ($upVotes * 100) / $tot;
    $downVotesPer = ($downVotes * 100) / $tot;
    return $upVotesPer - $downVotesPer;
}else if ($row[0] == 0){
    return 0;
}

и я попытался вернуть еще несколько данных в виде массива из api. и на стороне javascript, когда я JSON.parse возвращенных данных, я получаю все данные правильно, как JSON.parse ниже: например:

0: [...],
1: [...],
2: 0

нуль - это return 0; со стороны php. Проблема заключается в том, когда я console.log третьего свойства он не undefined или когда я parseInt его, он возвращает NaN а третий свойство возвращаемых данных, как показано, равно нулю.

это фактический console.log:

0: "{"0":2,"id":2,"1":"0.jpg","image":"0.jpg","2":"Proj 1","title":"Proj 1","3":"some description here about the course!","desc":"some description here about the course!","4":"sinawic","teacher":"sinawic","5":0,"sell_count":0,"6":"1997.05.05","date_released":"1997.05.05","7":97,"preview":97,"8":0,"likes":0,"9":0,"post_point":0,"10":0,"post_cash":0}" 1: "["jquery","vue"]" 2: "[{"lesson_num":1,"topic_name":"pre"}]" 3: "{"0":"sinawic","username":"sinawic","1":"web design, React, VUE, javascript","fields_name":"web design, React, VUE, javascript","2":"this is all about me, oke? call me maybe","description":"this is all about me, oke? call me maybe","3":"85%, 53%, 36%, 74%, 17%","ranks":"85%, 53%, 36%, 74%, 17%"}" 5: 0

и это echo данные для api:

{"0":"{\"0\":2,\"id\":2,\"1\":\"0.jpg\",\"image\":\"0.jpg\",\"2\":\"Proj 1\",\"title\":\"Proj 1\",\"3\":\"some description here about the course!\",\"desc\":\"some description here about the course!\",\"4\":\"sinawic\",\"teacher\":\"sinawic\",\"5\":0,\"sell_count\":0,\"6\":\"1997.05.05\",\"date_released\":\"1997.05.05\",\"7\":98,\"preview\":98,\"8\":0,\"likes\":0,\"9\":0,\"post_point\":0,\"10\":0,\"post_cash\":0}","1":"[\"jquery\",\"vue\"]","2":"[{\"lesson_num\":1,\"topic_name\":\"pre\"}]","3":"{\"0\":\"sinawic\",\"username\":\"sinawic\",\"1\":\"web design, React, VUE, javascript\",\"fields_name\":\"web design, React, VUE, javascript\",\"2\":\"this is all about me, oke? call me maybe\",\"description\":\"this is all about me, oke? call me maybe\",\"3\":\"85%, 53%, 36%, 74%, 17%\",\"ranks\":\"85%, 53%, 36%, 74%, 17%\"}","5":0}

как я могу это решить.

S.Mhm 31 авг. 2018, в 11:11

Источник

1

Как вы анализируете ответ?
BenM 31 авг. 2018, в 08:40
1

покажите нам заявление console.log.
Bhojendra Rauniyar 31 авг. 2018, в 08:41
0

пожалуйста, покажите еще немного кода, для контекста. Покажите, как вы делаете запрос ajax, получаете данные, как выглядят данные (фактический JSON) и как вы их обрабатываете. Вы пропустили код, который на самом деле вызывает проблему!
ADyson 31 авг. 2018, в 08:41
0

allData = JSON.parse(data); и percent: parseInt(allData[Object.keys(allData)[5]])
S.Mhm 31 авг. 2018, в 08:43
0

Пожалуйста, добавьте дополнительную информацию о самом вопросе, используя кнопку "Изменить", спасибо. Комментарии предназначены для краткого обсуждения и пояснения, а не для фрагментов кода.
ADyson 31 авг. 2018, в 08:43
0

allData[Object.keys(allData)[5]] - это часть возвращаемых данных, которая может иметь значение от нуля до нуля.
S.Mhm 31 авг. 2018, в 08:44
0

Пожалуйста, покажите фактический JSON, как уже просили. И снова, пожалуйста, отредактируйте его в своем вопросе, не вставляя в комментарии. Спасибо.
ADyson 31 авг. 2018, в 08:45
0

Простите, как мне отредактировать пост?
S.Mhm 31 авг. 2018, в 08:59
0

нажмите кнопку «Изменить» прямо под вопросом. Это чуть ниже маленьких синих тегов "javascript" и "php".
ADyson 31 авг. 2018, в 09:00
1

Спасибо за редактирование. Я только что опубликовал ответ, основанный на том, что вы говорите, что данные выглядят как 0: [...], 1: [...], 2: 0 ... но теперь вы публикуете что-то другое, как вывод вашего console.log , Какой из них правильный?? Первая версия объясняет, почему у вас есть ошибка. Если код на самом деле больше похож на вторую версию, то у вас не должно быть ошибки. Также вы забыли добавить свой фактический JS-код в вопрос.
ADyson 31 авг. 2018, в 09:04
0

Как побочный вопрос, ваш код уязвим для атак SQL-инъекций. Вы должны использовать параметризованные запросы и подготовленные операторы, чтобы помочь злоумышленникам не скомпрометировать вашу базу данных, используя вредоносные входные значения. bobby-tables.com дает объяснение рисков, а также некоторые примеры того, как написать ваши запросы безопасно, используя PHP / mysqli. Никогда не вставляйте неанизированные данные прямо в ваш SQL.
ADyson 31 авг. 2018, в 09:07
0

все, что я пытаюсь сделать, это то, что: получить данные с нулевым значением из API, который дает мне значение undefined или NaN , имея значение ноль :( почему ppl даже downvote !!
S.Mhm 31 авг. 2018, в 09:10
1

они, вероятно, понизили голос в то время, когда ваш вопрос был без ответа из-за недостатка информации. Сейчас я просто пересматриваю свой ответ в свете вашей измененной структуры данных. В будущем, пожалуйста, постарайтесь не тратить время людей, не публикуя достаточное количество информации, а затем публикуя неверную информацию, прежде чем в конечном итоге опубликовать правильную информацию. Было бы достаточно легко сделать это с первого раза точнее. Спасибо.
ADyson 31 авг. 2018, в 09:12
0

хорошо, спасибо, я не получил решение, хотя. мой плохой, я должен был опубликовать более ясно, простите меня :) @ADyson
S.Mhm 31 авг. 2018, в 09:15
0

Нет проблем. Это опыт обучения для всех нас.
ADyson 31 авг. 2018, в 09:18

Показать ещё 13 комментариев

Теги:

php

javascript

reactjs

ajax

3 ответа

1

вы смешиваете объекты с индексированием массивов, это должно работать на вас: allData[5] вернет его значение.

khoshkhahimahdi 02 сен. 2018, в 05:51

0

Я создал два jsfiddles:

Один без 5 ключей в массиве (возвращает undefined) jsfiddle без 5 //allData = {0:'abc',1:'def',2:'ghi',3:'dlsdds',4:'dasdas'}; var ret = allData[Object.keys(allData)[5]]; console.log(ret); //allData = {0:'abc',1:'def',2:'ghi',3:'dlsdds',4:'dasdas'}; var ret = allData[Object.keys(allData)[5]]; console.log(ret);

Второй с 5 kry в массиве (возвращаемое реальное значение) jsfiddle с 5 //allData = {0:'abc',1:'def',2:'ghi',3:'dlsdds',4:'dasdas',5:'sddsds'}; var ret = allData[Object.keys(allData)[5]]; console.log(ret); //allData = {0:'abc',1:'def',2:'ghi',3:'dlsdds',4:'dasdas',5:'sddsds'}; var ret = allData[Object.keys(allData)[5]]; console.log(ret);

Сравните, и вы можете увидеть разницу

Gosia B. 31 авг. 2018, в 06:54

0

отредактировал код. мои фактические данные - объект с 6 свойствами
S.Mhm 31 авг. 2018, в 09:05

Ещё вопросы

пожалуйста, покажите еще немного кода, для контекста. Покажите, как вы делаете запрос ajax, получаете данные, как выглядят данные (фактический JSON) и как вы их обрабатываете. Вы пропустили код, который на самом деле вызывает проблему!
allData = JSON.parse(data); и percent: parseInt(allData[Object.keys(allData)[5]])
Пожалуйста, добавьте дополнительную информацию о самом вопросе, используя кнопку "Изменить", спасибо. Комментарии предназначены для краткого обсуждения и пояснения, а не для фрагментов кода.
allData[Object.keys(allData)[5]] - это часть возвращаемых данных, которая может иметь значение от нуля до нуля.
Пожалуйста, покажите фактический JSON, как уже просили. И снова, пожалуйста, отредактируйте его в своем вопросе, не вставляя в комментарии. Спасибо.
Простите, как мне отредактировать пост?
нажмите кнопку «Изменить» прямо под вопросом. Это чуть ниже маленьких синих тегов "javascript" и "php".
Спасибо за редактирование. Я только что опубликовал ответ, основанный на том, что вы говорите, что данные выглядят как 0: [...], 1: [...], 2: 0 ... но теперь вы публикуете что-то другое, как вывод вашего console.log , Какой из них правильный?? Первая версия объясняет, почему у вас есть ошибка. Если код на самом деле больше похож на вторую версию, то у вас не должно быть ошибки. Также вы забыли добавить свой фактический JS-код в вопрос.
Как побочный вопрос, ваш код уязвим для атак SQL-инъекций. Вы должны использовать параметризованные запросы и подготовленные операторы, чтобы помочь злоумышленникам не скомпрометировать вашу базу данных, используя вредоносные входные значения. bobby-tables.com дает объяснение рисков, а также некоторые примеры того, как написать ваши запросы безопасно, используя PHP / mysqli. Никогда не вставляйте неанизированные данные прямо в ваш SQL.
все, что я пытаюсь сделать, это то, что: получить данные с нулевым значением из API, который дает мне значение undefined или NaN , имея значение ноль :( почему ppl даже downvote !!
они, вероятно, понизили голос в то время, когда ваш вопрос был без ответа из-за недостатка информации. Сейчас я просто пересматриваю свой ответ в свете вашей измененной структуры данных. В будущем, пожалуйста, постарайтесь не тратить время людей, не публикуя достаточное количество информации, а затем публикуя неверную информацию, прежде чем в конечном итоге опубликовать правильную информацию. Было бы достаточно легко сделать это с первого раза точнее. Спасибо.
хорошо, спасибо, я не получил решение, хотя. мой плохой, я должен был опубликовать более ясно, простите меня :) @ADyson
Нет проблем. Это опыт обучения для всех нас.
отредактировал код. мои фактические данные - объект с 6 свойствами

ADyson · Accepted Answer · 2018-08-31T06-59-00.000Z

Ваш код пытается получить доступ к элементу в индексе 5 в массиве Object.keys, который будет 6-м элементом. Однако у вас есть пробел в нумерации ключей - 4 не входит.

Поэтому объект с ключом "5" на самом деле является пятым элементом в списке ключей и, следовательно, доступен в индексе 4, потому что массив ключей основан на нуле, как и все массивы JS. Нет 6-го элемента - объект имеет только 5 ключей.

Я думаю, потому что ключи объекта являются числовыми, вы запутались между именем ключа и его положением в списке ключей.

Обратите внимание на разницу между последними 2 console.logs в этом примере (runnable):

var allData = { 0:{"0":2,"id":2,"1":"0.jpg","image":"0.jpg","2":"Proj 1","title":"Proj 1","3":"some description here about the course!","desc":"some description here about the course!","4":"sinawic","teacher":"sinawic","5":0,"sell_count":0,"6":"1997.05.05","date_released":"1997.05.05","7":97,"preview":97,"8":0,"likes":0,"9":0,"post_point":0,"10":0,"post_cash":0},
1:["jquery","vue"],
2:[{"lesson_num":1,"topic_name":"pre"}],
3:{"0":"sinawic","username":"sinawic","1":"web design, React, VUE, javascript","fields_name":"web design, React, VUE, javascript","2":"this is all about me, oke? call me maybe","description":"this is all about me, oke? call me maybe","3":"85%, 53%, 36%, 74%, 17%","ranks":"85%, 53%, 36%, 74%, 17%"},
5:0 };

console.log(Object.keys(allData));

console.log(allData[Object.keys(allData)[5]]);

console.log(allData[Object.keys(allData)[4]]);

Однако вы могли бы значительно упростить это. Если вы уже знаете, что хотите элемент, чей ключ называется "5", вы можете просто получить к нему доступ напрямую:

var allData = { 0:{"0":2,"id":2,"1":"0.jpg","image":"0.jpg","2":"Proj 1","title":"Proj 1","3":"some description here about the course!","desc":"some description here about the course!","4":"sinawic","teacher":"sinawic","5":0,"sell_count":0,"6":"1997.05.05","date_released":"1997.05.05","7":97,"preview":97,"8":0,"likes":0,"9":0,"post_point":0,"10":0,"post_cash":0},
1:["jquery","vue"],
2:[{"lesson_num":1,"topic_name":"pre"}],
3:{"0":"sinawic","username":"sinawic","1":"web design, React, VUE, javascript","fields_name":"web design, React, VUE, javascript","2":"this is all about me, oke? call me maybe","description":"this is all about me, oke? call me maybe","3":"85%, 53%, 36%, 74%, 17%","ranks":"85%, 53%, 36%, 74%, 17%"},
5:0 };

console.log(allData[5]);

отредактировал код. мои фактические данные - объект с 6 свойствами
это довольно существенная разница. Почему вы показали нам неправильные данные для начала, когда все дело в структуре данных?
хорошо избегая вопроса, являющегося слишком длинным. Я постарался подвести итоги проблемы!
да, но это было неверное резюме. Вы утверждали, что данные были в ключе, названном «2», когда их не было. Поэтому мы получили ответ, который не отражал реальность и не был полезен для вас, а затем мне пришлось его пересмотреть. Также оказывается, что ваши реальные данные имеют более тонкую проблему - см. Мой отредактированный ответ. Вот почему всегда полезно привести реальный пример, если это возможно.
спасибо за ваше время, приятель :)