در طی گام های قبل ، ایا از خود پرسیدید که کی ما تقاضایی را به سرور ارسال کردیم که حالا منتظر در یافت پاسخ ان مانده ایم ؟!
 

جواب :

برنامه نویسی این طوری است که ما اول دستورات گام های قبل را می نویسیم بعد تقاضای خود را به سرور ارسال می کنیم

 
پس ما الان می خواهیم در اخرین گام ، تقاضای خود را ارسال کنیم
 
تقاضای ما چیست ؟
من می خواهم وقتی کاربر روی دکمه صفحه وب که نامش test.html بود کلیک کرد ، هر چیزی در فایل 01.txt که در سرور است قرار دارد بیاید و به جای تگهای موجود در تگ دایو قرار گیرد
 
حالا چطور به سرور بگویم من فایل 01.txt را می خواهم ؟
 
جواب : با دستور open
 
ارسال تقاضا به سرور با دستور open
 فرمول استفاده از open :

 

open(method,url,async)

 

  اشنایی با پارامترهای open :
 * method :

برای کسانیکه با فرم ها کار کرده اند پارامتر متد آشناست

می تواند get یا post باشد یعنی روش ارسال اطلاعات به صفحه مقصد که در سرور قرار دارد

 

 * url :

ادرس گیرنده یا همان فایل گیرنده درخواست است که این فایل گیرنده درخواست در سرور قرار دارد

 
 

 *async :

اگر true باشد یعنی به صورت غیر همزما ن به در خواست ما رسیدگی شود یعنی ادامه فعالیت صفحه وب معطل دریافت جواب از سرور نمی ماند صفحه وب کار خودش را ادامه می دهد  و اگر false باشد یعنی بصورت همزمان به درخواست ما رسیدگی شود یعنی ادامه فعالیت صفحه وب تا زمان دریافت جواب از سرور معطل می ماند و اگر سر سرور شلوغ باشه ممکن است صفحه وب قفل کند

 
 از کدام  روش get یا post استفاده کنیم ؟
ارسال به روش get سریع تر انجام می شود

اما در موارد زیر از post استفاده کنید :

  • در صورتیکه می خواهید داده ها را در فایل یا بانک اطلاعاتی که  در سرور قرار دارد به روز رسانی کنید
  • در صورتیکه می خواهید تعداد زیادی از داده ها را به سرور ارسال کنید در روش ارسال اطلاعات به شیوه post هیچ محدودیت در تعداد داده های ارسالی نداریم
  • برای ارسال داده های دریافتی از کاربر که می تواند شامل کاراکترهای نا شناخته هم باشد متد post از get قویتر و دارای امنیت بیشتری است

 چرا post دارای امنیت بیشتری است ؟

چون اگر با get داد هایی را ارسال کنید ان داده ها در نوار ادرس مرورگر دیده می شوند و هر کسی می فهمد چه داده هایی در حال ارسال هستند

دستورات برنامه text.html  تا این لحظه

 

<html>

 

<head>

   <script language="javascript"   type="text/javascript">

          function sw ( ) {

 

             if (window.XMLHttpRequest)
                   {

                         // code for IE7+, Firefox, Chrome, Opera, Safari
                         a=new XMLHttpRequest();
                    }
             else
                   {

                          // code for IE6, IE5
                           a=new ActiveXObject("Microsoft.XMLHTTP");
                    }

 

               a.onreadystatechange=function()
                      {
                              if (a.readyState==4 && a.status==200)
                                   {
                              document.getElementById("t1").innerHTML=a.responseText;
                                    }
                       }

 

          a.open("GET","01.txt",true);

 

           }

 

</script>

</head>

 

 

<body>

<div id="t1">

  <p> hello </p>

  <h1> goodbye </h1>

</div>

 

<button type="button"   onclick="sw();" > click to change </button>

 

 

</body>

</html>

 
ارسال تقاضا به سرور
 برای این کار از دستور send  استفاده می کنیم
 
  آشنایی بیشتر با متد send :
 
  فرمول کلی این متد بصورت زیر است :

 

 send(string)

 
  اشنایی با پارامترهای این متد :
  *string :
 تنها در صورتیکه روش ارسال درخواست post باشد از این پارامتر استفاده می شود
 
دستورات برنامه text.html  تا این لحظه

 

<html>

 

<head>

   <script language="javascript"   type="text/javascript">

          function sw ( ) {

 

             if (window.XMLHttpRequest)
                   {

                         // code for IE7+, Firefox, Chrome, Opera, Safari
                         a=new XMLHttpRequest();
                    }
             else
                   {

                          // code for IE6, IE5
                           a=new ActiveXObject("Microsoft.XMLHTTP");
                    }

 

               a.onreadystatechange=function()
                      {
                              if (a.readyState==4 && a.status==200)
                                   {
                              document.getElementById("t1").innerHTML=a.responseText;
                                    }
                       }

 

          a.open("GET","01.txt",true);

         a.send();

           }

 

</script>

</head>

 

 

<body>

<div id="t1">

  <p> hello </p>

  <h1> goodbye </h1>

</div>

 

<button type="button"   onclick="sw();" > click to change </button>

 

 

</body>

</html>

 
روش اجرای برنامه
 
 1- در حالیکه نرم افزار wamp server را اجرا کنید
2-   مرورگر خود را باز کنید

 3- در نوار ادرس مسیر زیر را بنویسید :

http://localhost/test.html

 4- روی دکمه ای که ایجاد کرده بودید کلیک کنید