جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
علیرضا
5 سال پیش توسط علیرضا مطرح شد
19 پاسخ

چند سئوال vue js

سلام خسته نباشید
من axios رو تو node_modules ریختم و بعد ایمپورت کردم اینطوری

 import http from 'axios'

حالا اگه من بخام از طریق npm عمل نکنم و اونو بصورت تگ اسکریت از cdn به فایل index لینک بدم چطوری باید ازش استفاده کنم
خب اینجا تونستم با http بهش دسترسی داشته باشم اونجا چطوری میشه؟
بعد تفاوتش با ajax چیه؟بعد اینجا نیازه با promise ها کار کنیم یا خیر .خودش رعایت میکنه؟
بعد من درخواست get به این فرستادم
https://jsonplaceholder.typicode.com/posts
دیتاهاشو برام برگشت داد.خب از طریق get دیگه مقدار ما فرستاده میشه ؟و ثبت میشه؟ (کلا منظورمه نه این سایت)


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

درود

کلیدواژه Import که شما استفاده کردید مختص اکمااسکریپت ۶ (es6) هست و در تگ script تمام مرورگرها شناخته نمیشه. بجاش از require استفاده کن.

  var axios = require('axios');
  axios.get('http://apiaddress.com')
  .then(function (response) {
    console.log(response);

  })
  .catch(function (error) {

  });


اِی جَکس مخفف عبارت Asynchronous JavaScript And XML تکنولوژیه که اجازه می‌دهد اطلاعات و فایل‌ها را بدون نیاز به بازگزاری کامل صفحه به سرور بفرستند و اطلاعات مورد نیاز را به تعداد دلخواه از سرور دریافت کنند.

حالا کتابخونه‌هایی مثل fetch در jquery و همین axios و ... ابزارهایی هستند برای درخواست‌های HTTP که از تکنولوژی اِی جَکس استفاده می‌کنند.

در جدول زیر مرورگرهایی که این کتابخونه‌ها پشتیبانی میکنند و امکاناتشون آورده شده:

در ضمن Axios یه کتابخونه پرامس-بیس هست و شما میتونید براحتی از پرامس‌ها درش استفاده کنید


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@ali.bayat
اقا شما یدونه ای
ببخشید من از طریق src script اون فایلو به صفحم اضافه کردم و میخام اونو تو یه فایل js دیگه استفاده کنم چیکارکنم؟همین روشی که گفتید استفاده کنم؟
البته بع عنوان راه دوم میشه اونو تو همین js که لازم دارم ایمپورت کنم و آدرس رو همون cdn بزارم دیگه؟


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
mahdi khanzadi
تخصص : backend developer at Snapp mar...
@khanzadimahdi 5 سال پیش مطرح شد
1

بهتون پیشنهاد میکنم از axios استفاده نکنید چون موقع کار با فایل و اپلود فایل به دردسر میوفتید. از vue-resource استفاده کنید.

https://github.com/pagekit/vue-resource


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

جاهایی که از ایمپورت استفاده میکنی اگر کدت با ابزارهایی مثل Gulp یا Webpack از es6 به es5 تبدیل بشه.. مشکلی نیست وگرنه ممکنه مرورگر نتونه کدهارو بخونه


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@ali.bayat
@khanzadimahdi
@Alimotreb
سپاس از شما.
ببخشید من اگه data رو فرستادم name اون دیتا چیه که بتونم تو php بگیرمش؟


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

معمولا در متد post که اطلاعات هم ارسال میکنید .. هر داده ای یه نام داره که از همون نام باید استفاده کرد


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@ali.bayat
اقا ممنون من value رو به axios پاس میدم .نامشو از کجا باید پاس بدم یا بگیرم.
و اقای بیات سوال دومم اینه
http://emrani.net/hafez/api/hafez/fal
من به این آدرس درخواست زدم خب.
1این وبسایت با rest api کار کرده؟(البته من با این مورد کار نکردم)
2یا هر درخواستی که فرستاده میشه یه کوئری زده میشه و مقداری بر میگردونه
اگه از روش 2 میشه چرا از rest استفاده میشه؟
ببخشید جاش اینجا نبود.


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

ببینید Rest یه نوع از API هست.. تمام API ها از نوع REST نیستند. اما تمام سرویس های REST در واقع API هستتند.

API در برقراری ارتباط بین برنامه های مختلف قابل استفاده است.
در حالی که REST API مخصوص استفاده تحت وب هست و اکثرا با درخواست‌های HTTP کار میکنه.

REST مجموعه‌ای از قوانین، استانداردها‌ و راهنمایی‌ها برای ساخت API است. برای مثال شما در چنین سیستمی برای دریافت اطلاعات از درخواست GET
برای ارسال و ساخت اطلاعات جدید از درخواست POST
برای ویرایش داده ها از درخواست PUT
و برای حذفشون از درخواست DELETE
استفاده میکنید.


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@ali.bayat
ممنون آقای بیات.
خب بدون api میشه عمل کرد؟مثلا ما یه درخواست اجاکسی با اون صفحه فرستادیم و اون درخواستمون چک میکنه و ریترن میکنه ؟اینطوری نمیشه؟


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

مثلا ما یه درخواست اجاکسی با اون صفحه فرستادیم و اون درخواستمون چک میکنه و ریترن میکنه ؟اینطوری نمیشه؟

API هم همینه دیگه.. بجای اینکه به شما یه صفحه HTML رو برگردونه یه سری اطلاعات رو به شکل Json برمی‌گردونه


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@Alimotreb
این مقااله ها گنگ بودند آقای مطرب


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش آپدیت شد
1

سلام
@paressep28
دیگه والا فارسیه!!
اما جناب بیات راهنمایی کردن
منم مثال میزنم
کار با API
تئوری و توضیحات رو بزارید کنار !!

پرسش و پاسخ
درخواست اطلاعات ، دریافت اطلاعات!
این 2 مفهوم مفاهیم اصلی API هست
میخوام بدونم ساعت چنده؟ درخواست میزنم به API ، API جواب میده میگه ساعت فلانه
میخوام بدونم ارز چنده؟ درخواست میکنم ، اونم جواب میده
در چه قالبی اطلاعات رو میده؟ آیا CSS میده؟ HTML میده؟ PHP برمیگردونه کد رو ؟ نه!! تحت ساختاری به اسم json!
یه ساختار مشخص برای تبادل اطلاعات هست! در قدیم XML میزنن ، در حال حاضر JSON میزنن
این کلیات API هست!
مبحث rest هم که جناب بیات گفتن ، اینطوری بگم بهتون که مختص وب بیشتر به کار میره و قابلیت های دیگه ای شاملش میشه!

سخت نگیرید هر وب سرویسی یه مستنداتی داره که باید طبق اون عمل کنید !
هر وب سرویسی میگه ، که چیا از من بپرسید و من چی جوابتون رو میدم!!


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@Alimotreb
@ali.bayat
خیلی ممنون از همتون
ببخشید
من میخام یک ریکوئست برای فایل های js هم داشته باشم که همشون فراخونی شده باشه
من چندفایل js دارم
مثلا
slider.js
vue.js
میخام اینارو یکی کنم باید چیکارکنم؟
خودم اینطوری عمل کردم درسته؟
(اومدم ادرس cdn ویو رو تو main js ایمپورت کردم بعد دوباره slider هم اونجا ایمپورت کردم


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
1

سلام
@paressep28
سوال ویوو جی اس بود
رسید به API

الانم فکر کنم رسیدیم به وب پک!!

برای اینکه بتونید اوکی کنید همه رو توی 1 فایل ف استفاده از وب پک پیشنهاد میشه!


علیرضا
تخصص : فرانت اند وب
@sep28 5 سال پیش مطرح شد
0

@Alimotreb
خیلی ممنونم!!
ببخشید این روترها تو vue js بکار میان؟


علیرضا کمالی
تخصص : برنامه نویس php
@arkamali 5 سال پیش مطرح شد
0

@khanzadimahdi سلام، vue-resource دیگه توسط vue.js به طور رسمی پشتیبانی نمیشه و دارای مشکلاتی هست و خود Evan You هم میگه که از axios استفاده کنید :

لینک مطلب Evan You.


mahdi khanzadi
تخصص : backend developer at Snapp mar...
@khanzadimahdi 5 سال پیش آپدیت شد
2

@arkamali
دوست گرامی مقاله ای که لینکشو گذاشتین تا اخر بخونید . این پکیج از اولش هم مال vuejs نبوده که بخواد پشتیبانی بشه! این پکیج توسط pagekit توسعه داده شده و از حالت official recommendation خارج میشه و این ربطی به پشتیبانی نداره! بلکه vuejs دیگه حامی این پکیج نیست و اونو از لیست پکیج هایی که رسما پیشنهاد میکنه خارج کرده. شما روزانه خیلی از پکیج هایی رو استفاده میکنید که رسما توسط vuejs معرفی نشده و این مشکلی برای شما ایجاد نمیکنه.

جا داره بخشی از مقاله ای که گذاشتین رو ذکر کنم :

Does this mean vue-resource is deprecated?

No. It’s just no longer part of the “official recommendation”. The repo will be moved back to pagekit/vue-resource, and will continue to work. It will be up to the PageKit team to decide the long term plan for the library.
Should I Stop Using It?

It’s totally fine to keep using it if you are happy with it. Potential reasons to migrate away include maintenance, universal/isomorphic support and more advanced features.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام