编写一个简单的jQuery AJAX请求

时间:2014-05-08 16:30:55

标签: javascript php jquery ajax post

我正在尝试使用简单的jQuery AJAX脚本,但我没有运气。这是我的jQuery代码:

$(document).ready(function(){
  $('#doAjax').click(function(){
    alert('Button was clicked');
    $.ajax({
      type: "POST",
      url: "http://localhost/test5/process.php",
      data: {test: '1'},
      contentType: "text",
      dataType: "text",
      success: function(data){
        alert("Successful POST.  Data returned is " + data);
      } // end success: function(data){
    });// end $.ajax({
  }); // end $('#doAjax').click(function(){
}); // end $(document).ready(function(){

在我的回复网址(localhost / test5 / process.php)上,这是我的回复代码:

foreach($_REQUEST as $reqkey => $reqval)
  {
  echo "<br />REQUEST item $reqkey has a value of $reqval<br />";
  }
echo "END RETURN STRING";

我看到按钮被按下的警告,但是我没有收到成功POST的警报,也没有收到任何数据。有人可以告诉我我做错了吗?

2 个答案:

答案 0 :(得分:0)

如果您需要使用常量的变量,请不要使用引号。还可以从一个ajax请求发送多个内容。只需使用逗号分隔它们。

答案 1 :(得分:0)

   $.ajax({
        type: "POST",
        url: "http://localhost/test5/process.php",
        data: {
            test: '1',
            test2: '2'
        },
        dataType: "html",
        success: function(data) {
            alert("Successful POST.  Data returned is " + data);
        }
    });

和你的php:

<?php
foreach($_REQUEST as $reqkey => $reqval)
{
    echo "<br />REQUEST item $reqkey has a value of $reqval<br />";
}
?>