اذهب إلى المحتوى
  • 0

كيفية استعمال POST في React native

Belkacem Rezzouk

السؤال

في React native حين نود ان نضع لها قاعدة بيانات.

ماهو الرابط الذي نضعه داخل POST 
مثال 

 مكان xxxxx 

 axios.post("xxxxx",
    JSON.stringify({
      Nom: Nom,
      Maison: Maison,
      Adresse: Adresse,
      Mdps: Mdps,
    }))

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

هذه الشيفرة ترسل طلبية لقاعدة البيانات عن طريق المخدم، حيث يتم تحديد مسار url مكان xxx وفي جزء المتحكم إن كان لارافل أو node أو اي backend يجب أن يتم تعريف route من نوع post و له نفس المسار

route:post(path/to/controller، controller@create) 

وهذا يقوم باستقبال الطلبية و توجيهها نحو الدالة المناسبة للمتحكم مثلا create لإضافة بيانات لقاعدة البيانات مثل user أو post.

أقترح عليك تعلم  http request methods - post - get - put .. فهذه الطريقة تعتمد على نوع الطلبية و يتم تمييزهم لنفس المسار، مع إمكانية تمرير قيم ديناميكية ومتغيرة.

كما يمكن تعلم controller في كل من node , larval 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

get و post هي طلبات لخادم في مكان ما فرضا أن تطور على حاسوبك ولديك خادم يحتوي على endpoint 

app.post("/post/add", (req,res) => {
.......
})

app.listen(5000)

الخادم يشتغل محليا على port 5000  في هذه الحالة يمكنك اجراء طلب بهذه الطريقة 

 axios.post("http://localhost:5000/post/add",
    JSON.stringify({
      Nom: Nom,
      Maison: Maison,
      Adresse: Adresse,
      Mdps: Mdps,
    }))

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 6 ساعات قال Salah Eddin Berriani:

get و post هي طلبات لخادم في مكان ما فرضا أن تطور على حاسوبك ولديك خادم يحتوي على endpoint 


app.post("/post/add", (req,res) => {
.......
})

app.listen(5000)

الخادم يشتغل محليا على port 5000  في هذه الحالة يمكنك اجراء طلب بهذه الطريقة 


 axios.post("http://localhost:5000/post/add",
    JSON.stringify({
      Nom: Nom,
      Maison: Maison,
      Adresse: Adresse,
      Mdps: Mdps,
    }))

 

شكرا جزيلا اخي على اجابتك

لكن انا مبتدا في هذا المجال ... لقد صنعت phpmyadmin وصنعت كود php  وايضا التطبيق ب react native
المشكل الان هو انني لا اعرف الرابط الذي استعمله داخل post 
وبذالك فان تطبيقي لا يتصل بالقاعدة.هل يمكنك مساعدتي او اعطائي اقتراح او ماشابه من فضلك؟
شكرا على تعليقك.
 

بتاريخ 9 ساعات قال Wael Aljamal:

هذه الشيفرة ترسل طلبية لقاعدة البيانات عن طريق المخدم، حيث يتم تحديد مسار url مكان xxx وفي جزء المتحكم إن كان لارافل أو node أو اي backend يجب أن يتم تعريف route من نوع post و له نفس المسار


route:post(path/to/controller، controller@create) 

وهذا يقوم باستقبال الطلبية و توجيهها نحو الدالة المناسبة للمتحكم مثلا create لإضافة بيانات لقاعدة البيانات مثل user أو post.

أقترح عليك تعلم  http request methods - post - get - put .. فهذه الطريقة تعتمد على نوع الطلبية و يتم تمييزهم لنفس المسار، مع إمكانية تمرير قيم ديناميكية ومتغيرة.

كما يمكن تعلم controller في كل من node , larval 

 

جزاك الله خيرا اخي.
ولكن مازال لدي نفس المشكل
انا جديد في هذا المجال(خصوصا في قواعد البيانات)

لقد لنهيت التطبيق ب reactnative  و انهيت كود php  وايضا phpmyadmin
ولاكن الان لا اعرف كتابة link داخل post ومنه لا يوجد اتصال مع قاعدة البيانات  : / 
هل يمكنك مساعدتي او على الاقل توجيهي من فضلك؟
بارك الله فيك .


 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 56 دقائق مضت قال Nassim Kq:

لقد لنهيت التطبيق ب reactnative  و انهيت كود php  وايضا phpmyadmin
ولاكن الان لا اعرف كتابة link داخل post ومنه لا يوجد اتصال مع قاعدة البيانات  : / 
هل يمكنك مساعدتي او على الاقل توجيهي من فضلك؟

إن مخدم WAMP - XAMP يعمل على المنفذ 80 بشكل افتراضي أو 8080 لذلك نتصل عليه من خلال:

axios.post("http://localhost:8080/....",
                             ^^^^^^^^^^
    JSON.stringify({
      Nom: Nom,
      Maison: Maison,
      Adresse: Adresse,
      Mdps: Mdps,
    }))

وفي مكان النقاط، عليك وضع مسار ملف PHP الذي يستجيب للطلبية، وضمن شيفرة PHP لقراءة القيم الممررة عن طريق POST يوجد فيها مصفوفة ترابطية عامة 

$_POST[' هنا تضع المفتاح الممرر من ريأكت ']

أقترح عليك تعلم أساسيات PHP كما أرى أنك تريد العمل بها.. وكمثال بسيط لكيفية استقال JSON في شيفرة PHP:

$_POST = json_decode(file_get_contents("php://input"),true);
                                    ^^^^^^^^^^^^^^^^^  هنا يقرأ البيانات ويستخلصها من جيسون

echo $_POST['data1'];  // إعادة البيانات لتطبيق ريأكت للتأكد من أن إرسال البيانات يعمل

 

الشكل العام لها في حالة تمرير جسيون:

if($_SERVER['REQUEST_METHOD']==='POST' && empty($_POST)) {
   $_POST = json_decode(file_get_contents('php://input'),true); 
}

لأن POST تستقبل البيانات في حالة أن الطلبية من نوع application/x-www-form-urlencoded  وليس JSON

لذلك نملأوها يدوياً بالشيفرة السابقة

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال Wael Aljamal:

إن مخدم WAMP - XAMP يعمل على المنفذ 80 بشكل افتراضي أو 8080 لذلك نتصل عليه من خلال:


axios.post("http://localhost:8080/....",
                             ^^^^^^^^^^
    JSON.stringify({
      Nom: Nom,
      Maison: Maison,
      Adresse: Adresse,
      Mdps: Mdps,
    }))

وفي مكان النقاط، عليك وضع مسار ملف PHP الذي يستجيب للطلبية، وضمن شيفرة PHP لقراءة القيم الممررة عن طريق POST يوجد فيها مصفوفة ترابطية عامة 


$_POST[' هنا تضع المفتاح الممرر من ريأكت ']

أقترح عليك تعلم أساسيات PHP كما أرى أنك تريد العمل بها.. وكمثال بسيط لكيفية استقال JSON في شيفرة PHP:


$_POST = json_decode(file_get_contents("php://input"),true);
                                    ^^^^^^^^^^^^^^^^^  هنا يقرأ البيانات ويستخلصها من جيسون

echo $_POST['data1'];  // إعادة البيانات لتطبيق ريأكت للتأكد من أن إرسال البيانات يعمل

 

الشكل العام لها في حالة تمرير جسيون:


if($_SERVER['REQUEST_METHOD']==='POST' && empty($_POST)) {
   $_POST = json_decode(file_get_contents('php://input'),true); 
}

لأن POST تستقبل البيانات في حالة أن الطلبية من نوع application/x-www-form-urlencoded  وليس JSON

لذلك نملأوها يدوياً بالشيفرة السابقة

حسنا ساحاول.
جزاك الله خيرا

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...