AJAX在不使用任何jquery文件的情况下发布值

时间:2011-06-30 02:14:59

标签: php ajax

我想使用Ajax将在此代码中输入的字段值发布到页面ajaxpost.php,然后在那里执行一些操作。在ajaxpost.php中编写代码需要什么。也使用任何js文件/ jquery woithout 这是输入字段的页面代码,我想知道在ajaxpost.php中编写的代码是什么

                 <html>
         <head>
        <script type="text/javascript">
      function loadXMLDoc()
    {
       var xmlhttp;
     if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
             }
     else
       {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
       xmlhttp.onreadystatechange=function()
       {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
         {
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
          }
            }
             var zz=document.f1.dd.value;   //alert(zz);
            var qq= document.f1.cc.value;
         xmlhttp.open("POST","ajaxpost.php",true);
           xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
           xmlhttp.send("dd=zz&cc=qq");
     }
          </script>
        </head>
       <body>

     <h2>AJAX</h2>
  <form name="f1">
         <input type="text" name="dd">
        <input type="text" name="cc">
         <button type="button" onclick="loadXMLDoc()">Request data</button>
         <div id="myDiv"></div>
    </form>
        </body>
           </html>

1 个答案:

答案 0 :(得分:0)

我认为你正在寻找简单的php和ajax,其中有大量的教程,例如one,这与你正在寻找的非常接近。