Thank you so much, my back now has data response. but why the field response is all null? please let mr know. i have console log all data but they are all null.
<div id="input-form" class="form-container">
<form id="signupForm">
<label ><i class="fas fa-user"></i> Name:</label>
<input id="name" required>
<br> <!-- Xuống dòng sau label -->
<label ><i class="fas fa-envelope"></i> Email:</label>
<input id="email" required>
<br> <!-- Xuống dòng sau label -->
<label ><i class="fas fa-phone"></i> Phone:</label>
<input id="mobile" required>
<br> <!-- Xuống dòng sau label -->
<label ><i class="fas fa-map-marker-alt"></i> Address:</label>
<input id="address" required>
<br> <!-- Xuống dòng sau label -->
<label><i class="fas fa-venus-mars"></i> Gender:</label>
<div class="gender-input">
<select id="gender" required>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<br>
<div id="responseDataElement"></div>
<br>
</form>
<button onclick="testProxy()"><i class="fas fa-comment"></i>Let's Talk </button>
</div>
<script>
function testProxy() {
const form = document.getElementById('signupForm');
const formData = new FormData(form);
// Retrieve input values from the form
const nameInput = document.getElementById('name').value;
const emailInput = document.getElementById('email').value;
const mobileInput = document.getElementById('mobile').value;
const addressInput = document.getElementById('address').value;
const genderSelect = document.getElementById('gender').value;
// Log the input values to the console
console.log('Name:', nameInput);
console.log('Email:', emailInput);
console.log('Phone:', mobileInput);
console.log('Address:', addressInput);
console.log('Gender:', genderSelect);
fetch('/apps/proxytest', {
method: 'POST',
body: JSON.stringify(Object.fromEntries(formData)),
headers: {
'Content-Type': 'application/json',
},
})
.then((response) => {
console.log(response, 'response');
return response.json(); // Assuming you want to parse response as JSON
})
.then((data) => {
console.log(data); // Handle session data received from the backend
const responseDataElement = document.getElementById('responseDataElement');
responseDataElement.innerText = JSON.stringify(data);
})
.catch((error) => {
console.error('Error:', error);
});
}
</script>
