d6a160445e
* fix: converted single to triple backticks13 * fix: added prefix Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: removed language in wrong place Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: add language postfix Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: removed language in wrong place Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>
55 lines
1.7 KiB
Markdown
55 lines
1.7 KiB
Markdown
---
|
|
title: Working With JSON APIs
|
|
localeTitle: العمل مع واجهات برمجة التطبيقات JSON
|
|
---
|
|
## العمل مع واجهات برمجة التطبيقات JSON
|
|
|
|
من الاستخدامات الشائعة لـ JSON قراءة البيانات من خادم الويب وعرض البيانات في صفحة الويب.
|
|
|
|
سيعلمك هذا الفصل كيفية تبادل بيانات JSON بين العميل وخادم PHP.
|
|
|
|
### ملف PHP
|
|
|
|
يحتوي PHP على بعض الوظائف المضمنة للتعامل مع JSON.
|
|
|
|
يمكن تحويل الكائنات في PHP إلى JSON باستخدام وظيفة PHP `json_encode()` :
|
|
|
|
```php
|
|
<?php
|
|
$myObj->name = "John";
|
|
$myObj->age = 30;
|
|
$myObj->city = "New York";
|
|
|
|
$myJSON = json_encode($myObj);
|
|
|
|
echo $myJSON;
|
|
?>
|
|
```
|
|
|
|
[جربها](https://www.w3schools.com/js/showphp.asp?filename=demo_file)
|
|
|
|
### عميل جافا سكريبت
|
|
|
|
إليك جافا سكريبت على العميل ، باستخدام اتصال AJAX لطلب ملف PHP من المثال أعلاه:
|
|
|
|
#### مثال
|
|
|
|
استخدم JSON.parse () لتحويل النتيجة إلى كائن JavaScript:
|
|
|
|
```js
|
|
var xmlhttp = new XMLHttpRequest();
|
|
xmlhttp.onreadystatechange = function() {
|
|
if (this.readyState == 4 && this.status == 200) {
|
|
var myObj = JSON.parse(this.responseText);
|
|
document.getElementById("demo").innerHTML = myObj.name;
|
|
}
|
|
};
|
|
xmlhttp.open("GET", "demo_file.php", true);
|
|
xmlhttp.send();
|
|
```
|
|
|
|
[جربها](https://www.w3schools.com/js/tryit.asp?filename=tryjson_php_simple)
|
|
|
|
### معلومات اكثر:
|
|
|
|
* لمزيد من [التحقق من هذا الرابط](https://www.w3schools.com/js/js_json_php.asp) |