קבלת מידע מ-API

clickone

הנה דוגמא ראשונית

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.get("https://shutaf.im/php/phone.php?oper=getTotalDonations&cmp_id=640", function(data, status){
      alert("Data: " + data.data.donation_sum_amount + "\nStatus: " + status);
    });
  });
});
</script>
</head>
<body>

<button>Send an HTTP GET request to a page and get the result back</button>

</body>
</html>

dovid

צריך קודם לדעת אם הJS שאתה מדבר הם בצד שרת (כמו הקוד שבשאלות שלך על wix) או בצד לקוח - דפדפן.

אבי 203

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

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

@dovid צד לקוח
@clickone נראה כיון טוב, אבל לא תפסתי איך אני מגיע לפרמטר שמכיל את המידע להשתמש איתו
גם alert לא עובד אצלי, כלומר אין את זה בספרייה שאני משתמש WIX. אני צריך נטו את ה JavaScript
תודה חברים

yossiz

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

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

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

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

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

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

אבי 203

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

alert

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

הוא כותב לי שגיאה על alert
מה הפרמטר שאני ממלא איפה ששמתי סימני שאלה.
כמדומני אין לי בספרייה את הפונקציית 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
תודה! למדתי המון מזה.

תחומים - פורום חרדי מקצועי

קבלת מידע מ-API