28 Jun
Uncategorized

Send Flutter Data To Online Server

Here’s a concise and professional guide to sending data using the POST method from a Flutter screen using http package. This guide covers all major form data types used in API communication:

Step 1: Add http Dependency

Add this to your pubspec.yaml:

 dependencies:
http: ^0.13.6

Step 2: Import the Library

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

Step 3: Define the Endpoint and Headers

 final String url = 'https://your-api-url.com/endpoint';
final headers = {
'Content-Type': 'application/json', // For JSON
'Authorization': 'Bearer YOUR_TOKEN', // Optional
};

Form Types and POST Method Examples

1. Send JSON Data

 Future<void> sendJsonData() async {
final body = jsonEncode({
'name': 'John Doe',
'email': 'john@example.com',
'age': 30,
});

final response = await http.post(Uri.parse(url), headers: headers, body: body);
print(response.body);
}

2. Send Form URL Encoded Data

 Future<void> sendFormUrlEncodedData() async {
final body = {
'username': 'john',
'password': '123456',
};

final response = await http.post(
Uri.parse(url),
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
body: body,
);
print(response.body);
}

3. Send Multipart/Form-Data (e.g., Image Upload)

 Future<void> sendMultipartFormData(String filePath) async {
var request = http.MultipartRequest('POST', Uri.parse(url));
request.fields['user'] = 'john_doe';
request.fields['email'] = 'john@example.com';

request.files.add(await http.MultipartFile.fromPath('photo', filePath));

var response = await request.send();
print(await response.stream.bytesToString());
}

Step 4: Error Handling and Status Code Check

 if (response.statusCode == 200) {
// success
} else {
// handle error
}
Post Views: 72

Leave a Reply

Your email address will not be published. Required fields are marked *