קבלת מידע מ-API

[yossiz]

@אבי-203 אמר בקבלת מידע מ-API:

אבל לא תפסתי איך אני מגיע לפרמטר שמכיל את המידע להשתמש איתו

@clickone הטעין לתוך הדף את ספריית Jquery והשתמש בפונקציית get.
הפונקציה (כנראה) מקבלת URL ופונקציה שירוץ בגמר ה-GET. בפונקציה הזאת יש לך את המידע מהשרת בארגומנט הראשון. תעשה שם מה שאתה רוצה לעשות עם זה.

גם alert לא עובד אצלי

למה לא? זה JS נטו.

תעתיק את הקוד לקובץ HTML ותפתח בדפדפן, אתה לא מקבל הודעה כזאת?

[אבי 203]

@clickone אמר בקבלת מידע מ-API:

alert

@clickone
@yossiz
זה מה שאני צריך להגיע בסוף.

1. הוא כותב לי שגיאה על alert
2. מה הפרמטר שאני ממלא איפה ששמתי סימני שאלה.
   כמדומני אין לי בספרייה את הפונקציית get יש getJSON

תודהה

$w.onReady(function () {
$w.get("https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640", function(data, status){
      alert ("Data: " + data.data.donation_sum_amount + "\nStatus: " + status);
console.log(?);
     });
 $w("#textsum").text = String(?)
});

[dovid]

@אבי-203 אתה טועה. WIX Corvid רץ בצד שרת.
אתה צריך להשתמש בfetch, זה אותו דבר כמו fetch של js רק שצריך לייבא את המחלקה
https://www.wix.com/corvid/reference/wix-fetch.html

[אבי 203]

אתה מתכוון ל

fetch("https://someapi.com/api/someendpoint", {"method": "get"})
  .then( (httpResponse) => {
    if (httpResponse.ok) {
      return httpResponse.json();
    } else {
      return Promise.reject("Fetch did not succeed");
    }
  } )
  .then(json => console.log(json.someKey))
  .catch(err => console.log(err));

לא הגיב לי. הגיע ריק

[dovid]

@אבי-203 אמר בקבלת מידע מ-API:

https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640

כן לזה התכוונתי.
בקוד שלך יש כמה הנחות (אולי השארת אותם מהדוגמא)
ככה אמור לעבוד לך מצויין

fetch("https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640", {"method": "get"})
  .then( (httpResponse) => {
    if (httpResponse.ok) {
      return httpResponse.json();
    } else {
      return Promise.reject("Fetch did not succeed");
    }
  } )
  .then(json => console.log(json))
  .catch(err => console.log(err));

תוודא שיש לך את הimport הנכון למעלה:

import {fetch} from 'wix-fetch';

[אבי 203]

@אבי-203 אמר ב[קבלת מידע מ-API](/post/70289

תודה חברים זה עובד נהדר!

$w.onReady(function () {

fetch("https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640", {"method": "get"})
  .then( (httpResponse) => {
    if (httpResponse.ok) {
     return  httpResponse.json();
    }
  } )
  .then(json =>
 $w("#textsum").text = String(json.data.donation_sum_amount ))
  // 

  .catch(err => console.log(err));
 
});

[אבי 203]

יש פונקצייה שמוסיפה לזה את הפסיקים כל שלש ספרות? של האלף והמליון?
כמו שיש פונקציות להגדיר את השבר?

[yossiz]

@אבי-203

var n = 34523453.345
n.toLocaleString()
"34,523,453.345" 

https://stackoverflow.com/a/17663871/8997905

[אבי 203]

עשיתי כך

function formatNumber (num) {
    return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
}

מה שהבאת עובד במספר או במחרוזת?

[dovid]

@אבי-203 תמיד תציין אתה בWIX Corvid או בסתם JS.
כעת אני מניח שזה המשך של הנושא הקודם וממילא מדובר בצד שרת (להבא תפתח אשכול חדש)
תשתמש בפונקציה של Intl

new Intl.NumberFormat("he-il").format(2000000);

אם מדובר בצד לקוח תעשה מה שעשית (כי יש דפדפנים שנראה לי עוד לא תומכים בזה) או מה ש@yossiz הציע (בזה אני פחות בטוח).

[אבי 203]

תודה חברים!!
בסופו של דבר זה מה שיצא. זה עובד. מקווה שגם תקין ונכון.

$w.onReady(function () {

fetch("https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640", {"method": "get"})
  .then( (httpResponse) => {
    if (httpResponse.ok) {
     return  httpResponse.json();
    }
  } )
  .then(json =>
 $w("#textsum").text = formatNumber(String(json.data.donation_sum_amount )))
  .catch(err => console.log(err));
});

function formatNumber (num) {
    return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
}

[אבי 203]

@dovid
אוי לא! אני חושב שלא באמת הבנתי.
אני לא מצליח להשתמש בזה פעם נוספת. לדבר נוסף. איפה אני טועה.

fetch("https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640", {"method": "get"})
  .then( (httpResponse) => {
    if (httpResponse.ok) {
     return  httpResponse.json();
    }
  } )
  .then(json =>
   $w("#textsum").text = formatNumber(String(json.data.donation_sum_amount ))+" ₪ ",
 $w("#slider1").value  = Number(json.data.donation_sum_amount )
 )  .catch(err => console.log(err));

אני חושב שהבעיה שלי זה השורה הזו

.then(json =>

[dovid]

שמת שתי שורות,
אז דבר ראשון שים בסוף השורה נקודה פסיק (;), דבר שני בגלל שזה לא שורה אחת אלא שתיים אז צריך להיות בלוק תחום בסוגריים מסולסלות {}, ככה:

.then(json => {
   $w("#textsum").text = formatNumber(String(json.data.donation_sum_amount ))+" ₪ ";
   $w("#slider1").value  = Number(json.data.donation_sum_amount );
}).catch(err => console.log(err));

[אבי 203]

@dovid אמר בקבלת מידע מ-API:

{ $w("#textsum").text = formatNumber(String(json.data.donation_sum_amount ))+" ₪ "; $w("#slider1").value = Number(json.data.donation_sum_amount ); })

@dovid
תודה! למדתי המון מזה.