چند سئوال vue js

درود

کلیدواژه 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 یه کتابخونه پرامس-بیس هست و شما میتونید براحتی از پرامس‌ها درش استفاده کنید

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

سلام
@paressep28

https://cdnjs.com/libraries/axios

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

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

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

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

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

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

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

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

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

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

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

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

سلام

@paressep28

این 2 مقاله رو بخونید ، خیلی خوب هست راهنماییتون میکنه

https://roocket.ir/articles/what-is-an-api-in-english-please

https://roocket.ir/articles/a-beginners-tutorial-for-understanding-restful-api

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

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

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

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

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

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

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

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

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

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

لینک مطلب Evan You.

@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.