Ro'yxatga olish sanasi 10 May 2024
70 SotishAjax va json
!['status' => 'exist' ,
));
}
Yii::app()->end();
}
Endi ko`rib turganingizdek natijalar xech qanday web ilovangiz qayta
yuklanmay natija qaytarmoqda. Endi ikkinchi misol bilan tanishamiz. Bu misol
qiymatni serverga yuborib natijani olishdan iborat. Buning uchun quyidagicha
index.php viewimizga kod kiritamiz:
/protected/views/site/index.php
< input type= "text" name= "text" id= "salom" />
<?php $this->widget( 'bootstrap.widgets.TbButton' , array (
'label' => Yii::t( 'Message' , 'Qiymat qaytarish' ),
'type' => 'primary' ,
'size' => 'medium' ,
'url' => array ( '#' ),
'htmlOptions' => array (
'onclick' => '
var qiymat = $( "input:text[name=text]" ).val();
// text maydonidagi qiymatni o`zgaruvchiga olish
vaqtniolish(qiymat);
return false;'
7](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_7.png?v=1)
![</ script >
< div id= "req_res" >...</ div >
Kontrollerimizga quyidagicha kod kiritamiz:
/protected/controllers/site.php
public function actionQiymatqaytarish () {
// kelgan POST metodidagi qiymatni o`zgaruvchiga o`qib olish
$qiymat = $_POST[ 'qiymat' ];
echo CJSON::encode( array (
'status' => 'success' ,
'value' => $qiymat,
));
Yii::app()->end();
}
bu kodda kelgan POST metodidagi qiymatni olib uni view saxifamizga qayta berib
yubormoqdamiz. Ko`rayotgan bo`lsangiz ikkala misolimizda ham JSON qiymat
qaytarmoqdamiz shuning ushun bu qiymatlarni o`qish uchun js kodimizga
"dataType"=>"json" deb berib qo`ymoqdamiz. Natija ko`rganingizdek kiritgan
yozuvingizni chiqarmoqda.
Qanday AJAX turadi? Bu nimani anglatadi? Bu qisqartirish qisqartirish. Bu
Asynchronous JavaScript-ni va XML ( "Asynchronous JavaScript-ni va IKSML")
degan ma'noni anglatadi. Ko'pincha, qarang, yoki, bu yangi texnologiyalar, deb
ma'lumot eshitish mumkin. Lekin bu to'g'ri emas. Javascript va XML, "Ayaks"
Holbuki, allaqachon juda uzoq vaqt bor, deb dalil bu texnologiyalarning bir sintez
9](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_9.png?v=1)
![ko'p qo'llaniladi.
Duglas Krokford tomonidan yaratilgan. JSON javascript uchun yaratilganiga
qaramasdan uni ko'pchilik tillarda ishlatishimiz mumkin. Aynam men uni
androidda server bilan malumot almashganda ishlatganman.
Server json ko'rinishida malumotlarni jo'natgan, abdroidda u parse qilinib mos
class obyektlariga aylantirilgan. Shaxsiy tajribamdan ( uncha katta emas-u :) )
kelib chiqib aytadigan bo'lsam, JSON obyekt asason frontend ga backend dan
malumotlarni jo'natishda ishlatiladi.
Hususan PHP ga keladigan bo'lsak uning 5.2 versiyasidan
boshlab json_encode() va json_decode() junksiyalari kiritilgan.
JSON ga misol:
{
"firstName" : "Иван" ,
"lastName" : "Иванов" ,
"address" : {
"streetAddress" : "Московское ш., 101, кв.101" ,
"city" : "Ленинград" ,
"postalCode" : 101101
},
"phoneNumbers" : [
"812 123-1234" ,
"916 123-4567"
]
}
19](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_19.png?v=1)
![x_json = json.dumps(x)
ism = "anvar"
ism_json = json.dumps(ism)
sonlar = [12, 45, 23, 67]
sonlar_json = json.dumps(sonlar)
JSON ma'lumotlar matn ko'rinishida saqlanadi.
print(type(sonlar_json))
Natija: str
Yuqoridagi aytganimizdek, ko'p holatlarda JSON ma'lumotlar lug'at ko'rinishda
uzatiladi.
Copy
bemor = {
"ism": "Alijon Valiyev",
"yosh": 30,
"oila": True,
"farzandlar": ("Ahmad","Bonu"),
"allergiya": None,
"dorilar": [
{"nomi": "Analgin", "miqdori": 0.5},
{"nomi": "Panadol", "miqdori": 1.2}
]
}
bemor_json = json.dumps(bemor)
23](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_23.png?v=1)
![print() funksiyasi yordamida JSON tarkibini ko'rishimiz mumkin:
print(bemor_json)
Natija: {"ism": "Alijon Valiyev", "yosh": 30, "oila": true, "farzandlar": ["Ahmad",
"Bonu"], "allergiya": null, "dorilar": [{"nomi": "Analgin", "miqdori": 0.5},
{"nomi": "Panadol", "miqdori": 1.2}]}
Yuqoridagi natija o'qish uchun noqulay ko'rinishda chiqdi. Buni to'g'rilash uchun
dumps() funksiyasiga qo'shimcha indent=4 parametrini beramiz. Bu parametr
ma'umotlarni saqlashda chapdan qancha joy tashlashni ko'rsatadi:
Copy
bemor_json = json.dumps(bemor, indent=4)
print(bemor_json)
Natija:
Copy
{
"ism": "Alijon Valiyev",
"yosh": 30,
"oila": true,
"farzandlar": [
"Ahmad",
"Bonu"
],
"allergiya": null,
"dorilar": [
{
"nomi": "Analgin",
24](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_24.png?v=1)
!["miqdori": 0.5
},
{
"nomi": "Panadol",
"miqdori": 1.2
}
]
}
Ko'rib turganingizdek, natija o'qishga qulay ko'rinishda chiqdi.
Mavzu boshida, JSON ichidagi ma'lumotlar JavaScript ma'lumot turlariga
konvertasiya qilinadi dedik. Buni yuqoridagi misolda ham ko'rishimiz mumkin
( farzandlar , oila , allergiya kalitlari qiymatini asl lug'at bilan solishtiring).
json.dump()
Ma'lumotlarni JSON formatiga o'tkazish va faylga yozish uchun json.dump()
funksiyasini chaqriamiz. Funksiya parametri sifatida o'zgaruvchi va fayl nomlarini
ko'rsatamiz. Albatta buning uchun avval faylni yozish uchun ochgan bo'lishimiz
kerak:
Copy
bemor = {
"ism": "Alijon Valiyev",
"yosh": 30,
"oila": True,
"farzandlar": ("Ahmad","Bonu"),
"allergiya": None,
"dorilar": [
{"nomi": "Analgin", "miqdori": 0.5},
25](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_25.png?v=1)
![{"nomi": "Panadol", "miqdori": 1.2}
]
}
with open('bemor.json','w') as f:
json.dump(bemor,f)
JSON fayl tarkibini istalgan matn muharrirda ochib ko'rishimiz mumkin:
JSON fayl tarkibi
JSONDAN PYTHONGA
JSON formatidagi ma'lumotlarni Pythondagi ma'lumot turiga keltirish uchun
json.loads() yoki json.load() funksiyalaridan foydalanamiz. Yuqoridagi ka'bi,
json.loads() funksiyasi to'g'ridan-to'g'ri JSON matn bilan ishlasa, json.load()
funksiyasi JSON fayllarni o'qish uchun ishlatiladi.
json.loads()
Bu funksiya parametr sifatida JSON matn qabul qiladi va Python o'zgaruvchiga
o'tkazadi.
Copy
sonlar = json.loads(sonlar_json)
bemor = json.loads(bemor_json)
print(bemor)
Natija:
26](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_26.png?v=1)
![{'ism': 'Alijon Valiyev', 'yosh': 30, 'oila': True, 'farzandlar': ['Ahmad', 'Bonu'],
'allergiya': None, 'dorilar': [{'nomi': 'Analgin', 'miqdori': 0.5}, {'nomi': 'Panadol',
'miqdori': 1.2}]}
E'tibor qiling, oila va allergiya kalitlarining qiymati qaytadan Python ma'lumot
turlariga qaytdi.
json.load()
Bu funksiya JSON fayllarning tarkibini Pythonga yuklab olish uchun ishlatiladi.
Copy
filename = 'bemor.json'
with open(filename) as f:
bemor = json.load(f)
print(type(bemor))
Natija: <class 'dict'>
JSON BILAN ISHLASH
Ko'pincha internet orqali JSON fayllarni qabul qilganimizda ma'lumotlar bir necha
qavatli lug'at ko'rinishida bo'ladi. JSON matnidan aynan o'zimizga kerakli
ma'lumotni ajratib olish uchun lug'atni biroz tahlil qilish, uning kalitlari va
qiymatlarini topish talab qilinishi mumkin. Bu ayniqsa juda uzun JSON fayllarga
tegishli. Shuning uchun JSON bilan samarali ishlash uchun lug'atlar bilan ishlashni
yana bir bor takrorlab oling.
Quyidagi misolda Google Maps hizmati qaytargan JSON matni lug'at ko'rinishida
berilgan. Bu Toshkent shahridagi Olmazor tumanining Geografik manzili.
{
27](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_27.png?v=1)
!["address_components": [
{
"long_name": "Almazar District",
"short_name": "Almazar District",
"types": [
"political",
"sublocality",
"sublocality_level_1"
]
},
{
"long_name": "Tashkent",
"short_name": "Tashkent",
"types": [
"locality",
"political"
]
},
{
"long_name": "Tashkent Region",
"short_name": "Tashkent Region",
"types": [
"administrative_area_level_1",
"political"
]
},
{
"long_name": "Uzbekistan",
"short_name": "UZ",
28](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_28.png?v=1)
!["types": [
"country",
"political"
]
}
],
"formatted_address": "Almazar District, Tashkent, Uzbekistan",
"geometry": {
"bounds": {
"northeast": {
"lat": 41.3954567,
"lng": 69.269883
},
"southwest": {
"lat": 41.3249733,
"lng": 69.16497629999999
}
},
"location": {
"lat": 41.3645355,
"lng": 69.2281531
},
"location_type": "APPROXIMATE",
"viewport": {
"northeast": {
"lat": 41.3954567,
"lng": 69.269883
},
"southwest": {
29](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_29.png?v=1)
!["lat": 41.3249733,
"lng": 69.16497629999999
}
}
},
"place_id": "ChIJ195FnkeMrjgR3nkapKKdk7A",
"types": [
"political",
"sublocality",
"sublocality_level_1"
]
}
Keling shu ma'lumotlar orasidan tumanning geografik koordinatalrini topamiz.
Avvalo, lug'atga ko'z yugurtirib chiqib, bizga kerak ma'lumotlar quyidagi
ko'rinishda berilganini ko'rishimiz mumkin:
Copy
"location": {
"lat": 41.3645355,
"lng": 69.2281531
Bizga aynan latitude (kenglik) va longitude (uzunlik) qiymatlari kerak. Ular esa
"location" kaliti ichidagi lug'atda lat va lng kalitlariga tegishli qiymatlarda
joylashgan. location kalitining o'zi ham geometry kaliti ichida joylashganini
ko'rishimiz mumkin.
Demak, lu'gat ichidan lat va lng qiymatlarini olish uchun quyidagi kodni yozamiz:
kenglik = data['geometry']['location']['lat']
uzunlik = data['geometry']['location']['lng']
30](https://docx.uz/documents/12e6de7b-a02e-44e5-9ae6-a0559742c543/page_30.png?v=1)
-
O'xshash dokumentlar
- Ona tili darslarida oʻquvchi tasavvurini rivojlantirish metodikasi. 5-sinf
- 3-sinfda ona tili va o’qish savodxonligi darslarida o’quvchilarning yozuv malakalarini shakllantirish usullari.
- Boshlangʻich sinf oʻquvchilarining ijodiy fikrlashini rivojlantirishni STEAM taʼlimi orqali amalga oshirish usullari kurs ishi
- Elektron darsliklar va ularga qo‘yiladigan talablar
- 1–2-sinf o‘quvchilarining matematik madaniyatlarini shakllantirish