react js ไม่สามารถ get data มาไว้บนหน้า web โดยการ select จาก ID ได้

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

kikkokkikkik
PHP Newbie
PHP Newbie
โพสต์: 3
ลงทะเบียนเมื่อ: 07/01/2022 9:46 am

react js ไม่สามารถ get data มาไว้บนหน้า web โดยการ select จาก ID ได้

โพสต์ที่ยังไม่ได้อ่าน โดย kikkokkikkik »

react js ไม่สามารถ get data มาไว้บนหน้า web โดยการ select จาก ID ได้
คิดว่าcode client น่าจะผิดรบกวนช่วยผมหน่อยครับ


code server

โค้ด: เลือกทั้งหมด

const db = mysql.createConnection({
  user: "root",
  host: "localhost",
  port: "3306",
  password: "",
  database: "chemicalsystem",
});

app.listen(3001, () => {
  console.log("Yey, your server is running on port 3001");
});

app.get("/chemicalsgetlistbarcode/:ID_L", (req, res) => {
  const chemical_Linfo = req.params.chemical_Linfo;
  db.query("SELECT chemical_Lname , chemical_Lcode FROM chemical_list where ID_L= ?",[req.params.ID_L], (err, result) => {
    if (err) {
      console.log(err);s
    } else {
      res.send(result);
    }
  });
});
Result OK สามารเปลี่ยนเลข ID และ select ข้อมูลจาก ID ได้
รูปภาพ





code client ไม่สามาร get data มาไว้ตรง label ได้

โค้ด: เลือกทั้งหมด

  
import React from "react";
import { useState } from "react";
import Axios from "axios";

export default function Dashboard() {
  const [chemicalListbarcode, setChemicalListbarcode] = useState([]);

  const getChemicalbarcode = (ID_L) => {
    Axios.get(
      `http://localhost:3001/chemicalsgetlistbarcode${ID_L}`
    ).then((response) => {
      setChemicalListbarcode(response.data);
    });
  };

  return (
    <div>
      <label className="form-label">Scan barcode:</label>
      <div className="btn-toolbar mb-3">
        <input
          id="Scanbarcode"
          autocomplete="off"
          onChange={() => getChemicalbarcode()}
          className="form-control"
          type="text"
          style={{ backgroundColor: "lightblue" }}
          autoFocus
        />
      </div>
      <div class="col-md-3">
        <label className="form-label">Chemical Code:</label>
        {chemicalListbarcode.map((val) => {
          return <label id="chemical_code">{val.chemical_Lcode}</label>;
        })}
      </div>
      <div class="col-md-3">
        <label class="form-label">Chemical Name:</label>
        {chemicalListbarcode.map((val) => {
          return <label id="chemical_name">{val.chemical_Lname}</label>;
        })}
      </div>
    </div>


รูปภาพ
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41247
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: react js ไม่สามารถ get data มาไว้บนหน้า web โดยการ select จาก ID ได้

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ลองเช็ค header ที่ส่งออกมา น่าจะยังไม่ได้ระบุ content type
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 85