Question

以下是代码：我想使用Ajax将在此代码中输入的字段值发布到页面ajaxpost.php，然后在那里执行一些操作。需要在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>

Answer 1

使用url连接值，如下面的代码。

包含jquery js并参考下面的代码。

 $.ajax({       
    type: "POST",
    url: "ajaxpost.php?dd=zz&cc=qq,
    success: function(msg){ 
        //bind result to HTML element
    }
});

Answer 2

为了玩AJAX，我建议使用jQuery，因为它更容易使用。请查看http://api.jquery.com/jQuery.ajax/以获取更多信息。

您需要做的就是：

$.ajax({
//GET or Post
    type: 'POST',
//Page you want to use to do stuff with
    url: 'ajaxpost.php',
//The data that you are going to send.
    data: {dd:$('#dd').val(), cc:$('#cc').val()},
//What sort of data to expect back (can be JSON, HTML, XML, etc)
    dataType: 'html',
//function that will deal with the data that you get back
    success: function(data){ /* do stuff */
});

php文件ajaxpost.php只需要读取$ _POST然后'do stuff'。回应您想要的页面结果以及成功函数将使用的结果。只需确保以正确的类型返回数据，以满足脚本的期望。

显示使用AJAX提交的字段值

2 个答案: