Php 显示使用AJAX提交的字段值_Php_Ajax

Php 显示使用AJAX提交的字段值

php ajax

Php 显示使用AJAX提交的字段值,php,ajax,Php,Ajax,代码如下：我想使用Ajax将代码中输入的字段值发布到页面ajaxpost.php，然后在那里执行一些操作。在ajaxpost.php中需要编写哪些代码 <html> <head> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp;

代码如下：我想使用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>


函数loadXMLDoc（）
{
var-xmlhttp；
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
document.getElementById（“myDiv”）.innerHTML=xmlhttp.responseText；
}
}
var zz=document.f1.dd.value；//警报（zz）；
var qq=document.f1.cc.value；
open（“POST”，“ajaxpost.php”，true）；
setRequestHeader（“内容类型”，“应用程序/x-www-form-urlencoded”）；
发送（“dd=zz&cc=qq”）；
}
AJAX
请求数据

用url连接vlue，如下面的代码所示

在下面的代码中包含jqueryjs和reffer

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

对于使用AJAX，我建议使用jQuery，因为它使它更易于使用。查看更多信息

您需要做的只是：

$.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只需要读取$\u POST，然后“执行任务”。将您想要的结果回显到页面上，并由success函数使用。只需确保返回的数据类型符合脚本的要求。

“某些操作”。。。。。？我们怎么可能告诉您要为此编写什么代码呢？不，我想要发布的字段值（我使用了2个输入字段，我需要获取发布的值，如果我获取了，我可以进行操作。我想知道当我尝试使用$_POST[fname]时，如何在ajaxpost.php中获取发布的值；在ajaxpost.php中，我没有得到第一个输入字段的值，而只是得到了zz的值，但我在代码var zz=document.f1.dd.value中使用了；你的大写锁定卡住了吗？你为什么对AJ大喊大叫？不，我使用CapsLOck并没有什么不好的意思，只是用它并没有任何不好的意思，使用jquery调用ajax很简单。是这样吗单独使用ajax很难在ajxpost.php上发布值