می‌توان از ASP (Active Server Pages) برای پردازش داده‌ها در سرور و ارتباط با AJAX استفاده کرد.
AJAX به ما اجازه می‌دهد بدون رفرش صفحه، داده‌ها را از سرور ASP دریافت یا به آن ارسال کنیم.

🔹 1. ساخت فایل ASP نمونه

فرض کنید یک فایل با نام data.asp داریم که اطلاعات کاربر را برمی‌گرداند:

<%
Response.ContentType = "application/json"

Dim user
Set user = Server.CreateObject("Scripting.Dictionary")
user.Add "name", "Ali"
user.Add "age", 25
user.Add "email", "ali@example.com"

' تبدیل به JSON ساده
Response.Write "{""name"":""" & user("name") & """,""age"":" & user("age") & ",""email"":""" & user("email") & """}"
%>

📌 این فایل داده‌ها را به صورت JSON به AJAX برمی‌گرداند.

🔹 2. دریافت داده‌ها با AJAX (XMLHttpRequest)

let xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    let user = JSON.parse(this.responseText);
    document.getElementById("demo").innerText = 
      `Name: ${user.name}, Age: ${user.age}, Email: ${user.email}`;
  }
};

xhttp.open("GET", "data.asp", true);
xhttp.send();

📌 پاسخ JSON دریافت و روی صفحه نمایش داده می‌شود بدون رفرش کامل.

🔹 3. استفاده از Fetch API

fetch("data.asp")
  .then(response => response.json())
  .then(user => {
    document.getElementById("demo").innerText = 
      `Name: ${user.name}, Age: ${user.age}, Email: ${user.email}`;
  })
  .catch(error => console.error("Error:", error));

📌 Fetch API نسخه مدرن‌تر و ساده‌تر ارسال و دریافت داده است.

🔹 4. ارسال داده به ASP با POST

let xhttp = new XMLHttpRequest();
xhttp.open("POST", "submit.asp", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.responseText);
  }
};

xhttp.send("name=Ali&age=25");

submit.asp

<%
Dim name, age
name = Request.Form("name")
age = Request.Form("age")
Response.Write "Received: Name = " & name & ", Age = " & age
%>

📌 داده‌ها از جاوااسکریپت به سرور ASP ارسال و پاسخ در همان صفحه دریافت می‌شود.

🔹 5. نکات مهم

• JSON برای انتقال داده‌ها بسیار مناسب است.

• وضعیت درخواست همیشه با readyState و status بررسی شود.

• برای POST، هدر Content-type باید تنظیم شود.

• Fetch API روش مدرن و ساده‌تر نسبت به XMLHttpRequest است.

✅ خلاصه

• AJAX + ASP → تبادل داده بدون رفرش صفحه

• GET → دریافت داده از سرور

• POST → ارسال داده به سرور

• JSON → پردازش آسان داده‌ها در JS

• XMLHttpRequest یا Fetch API → روش‌های ارسال و دریافت داده