หนังสือ
Dart
บทที่ 11. HTML และเว็บ
ส่งคำขอ HTTP

Dart:
ส่งคำขอ HTTP

วิธีการ:

Dart รวม http แพ็คเกจ ซึ่งเป็นวิธีที่ทรงพลังและสะดวกในการทำงานกับทรัพยากร HTTP ในขั้นต้น ให้รวมมันในไฟล์ pubspec.yaml ของคุณ:

dependencies:
  http: ^0.13.3

จากนั้น ให้นำเข้ามันในโค้ด Dart เพื่อเริ่มทำการร้องขอ:

import 'package:http/http.dart' as http;

void main() async {
  var url = Uri.parse('https://jsonplaceholder.typicode.com/todos/1');
  var response = await http.get(url);

  if (response.statusCode == 200) {
    print('เนื้อหาการตอบกลับ: ${response.body}');
  } else {
    print('คำขอล้มเหลวด้วยสถานะ: ${response.statusCode}.');
  }
}

ตัวอย่างการแสดงผลสำหรับคำขอที่สำเร็จอาจดูเช่นนี้:

เนื้อหาการตอบกลับ: {
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}

สำหรับคำขอที่ซับซ้อนกว่า เช่น คำขอ POST ที่มีเนื้อหาเป็น JSON คุณจะทำตามขั้นตอนดังต่อไปนี้:

import 'dart:convert';
import 'package:http/http.dart' as http;

void main() async {
  var url = Uri.parse('https://jsonplaceholder.typicode.com/posts');
  var response = await http.post(
    url,
    headers: {"Content-Type": "application/json"},
    body: jsonEncode({
      "title": 'foo',
      "body": 'bar',
      "userId": 1,
    }),
  );

  if (response.statusCode == 201) {
    print('สถานะการตอบกลับ: ${response.statusCode}');
    print('เนื้อหาการตอบกลับ: ${response.body}');
  } else {
    print('ล้มเหลวในการสร้างโพสต์ใหม่ สถานะ: ${response.statusCode}');
  }
}

ตัวอย่างการแสดงผลสำหรับคำขอโพสต์อาจเป็น:

สถานะการตอบกลับ: 201
เนื้อหาการตอบกลับ: {
  "title": "foo",
  "body": "bar",
  "userId": 1,
  "id": 101
}

ตัวอย่างเหล่านี้แสดงคำขอ HTTP GET และ POST พื้นฐานโดยใช้แพ็คเกจ http ใน Dart แพ็คเกจนี้ครอบคลุมความต้องการสำหรับการส่งคำขอ HTTP รวมถึงสถานการณ์ที่ซับซ้อนกว่าด้วยส่วนหัวและเนื้อหา.

การวิเคราะห์ HTMLการส่งคำขอ HTTP ด้วยการตรวจสอบสิทธิ์พื้นฐาน