Question

当我从表单进行AJAX调用时，它显示它成功，但数据对象为null。代码如下：

$.ajax(
  {
    url: 'shipprocess.php',
    dataType: 'json',
    type: 'POST',
    success: function(data)
      {
    alert('Data is: ' + data);
    alert('The AJAX request was a success.');
      },
    'error': function()
      {
    alert('An unexpected error occurred.');
      }
  });
return false;

表格如下：

<div class="processedDate">
<form action="shipprocess.php" method="POST" id="shipProcess2" name="shipProcess2">
<input type="hidden" name="empID" value="1" />
<input type="hidden" name="thisOrderID" id="thisOrderID2" value="2" />
<label>Date Shipped </label>
<input type="text"  name="shipDate" id="shipDate2" class="shipDate" size="20" value="" />
<input type="submit" name="shipped" id="shipped2" class="shipped" value="Shipped!" />
</form>
</div>

在进行AJAX调用之后，Firebug将状态显示为200，内容长度显示为0.处理表单的脚本称为shipprocess.php。它返回时返回以下数据：false; line被注释掉了：

[ { "sd": "2012-09-17", "eid": "1", "oid": "2", "efn": "Johnathan", "eln": "Smith" } ]

由于某种原因，脚本会一直警告数据为空。可以在http://www.yellowcas.com/ship/shipexample.php找到完整的示例。此示例显示提交表单时数据对象为空的警报消息。我还有一个完整的shipprocess.php脚本在http://www.yellowcas.com/ship/shipexample1.php返回的数据示例。我之前使用过AJAX来填充用户输入的邮政编码的城市和州输入字段。 jQuery脚本几乎完全相同，除了我使用GET而不是POST作为邮政编码形式。

我已尝试将PHP中的标头声明为JSON数据，但这也无济于事。 Firebug似乎也没有给我任何有用的信息。我使用名为testjson.html的不同文件测试了脚本。在该文件中，我将有效的JSON数据作为文件中唯一没有标题的行，并将数据变量作为对象返回。该示例位于www.yellowcas.com/ship/shipexample2.php。我无法发布超过2个超链接。如果您想查看shipprocess.php的代码，我很乐意发布它。我只是不想让这篇文章太长。任何想法将不胜感激。谢谢。

我决定发布shipprocess.php代码，以确保你能看到我做了什么。它如下：

<?php
require_once('dblogin.php');
require_once('dbconnect.php');
require_once('funcs.php');
$err = array();
$datePattern = "!^(\\d\\d)[-/](\\d\\d)[-/](\\d\\d(?:\\d\\d)?)$!";
$psErr = "Shipping date is required.";
$emErr = "Employee ID is missing.";
$orErr = "Order ID is missing.";
if(isset($_POST['shipped']))
  {
    $postEID = clean($_POST['empID'],$emErr,$n);
    $postOID = clean($_POST['thisOrderID'],$orErr,$n);
    $postShipDate = clean($_POST['shipDate'],$psErr,$n);
    $now = date("Y-m-d H:i:s");
    if($postEID == $emErr)
      {
    $err[] = $postEID;
      }
    else
      {
    $query = "SELECT FK_UserID,FirstName,LastName FROM employees WHERE EmployeeID = '$postEID'";
    $res = mysql_query($query);
    if(mysql_num_rows($res) < 1)
      {
        $err[] = "Employee does not exist.";
      }
    else
      {
        while($row = mysql_fetch_assoc($res))
          {
        $retUserID = $row['FK_UserID'];
        $retFirstName = $row['FirstName'];
        $retLastName = $row['LastName'];
          }
      }
      }
    if($postOID == $orErr)
      {
    $err[] = $postOID;
      }
    if($postShipDate == $psErr)
      {
    $err[] = $postShipDate;
      }
    else
      {
    if (preg_match($datePattern,$postShipDate,$sMatches))
      {
        $sMonth = $sMatches[1];
        $sDay = $sMatches[2];
        $sYear = $sMatches[3];
        if(checkdate($sMonth,$sDay,$sYear))
          {
        $shipDate = "$sYear-$sMonth-$sDay";
          }
        else
          {
        $err[] = "Invalid shipping date.";
          }
      }
    else
      {
        $err[] = "Invalid Shipping Date";
      }
      }
    if(empty($err))
    //  Keep processing the information if there are no errors.
      {
    $data[] = "$postEID,$shipDate,$postOID,$now,$retFirstName,$retLastName";
      }
    else
    //  Return the errors to the user so corrections can be made.
      {
        $data[] = implode(",",$err);
      }
    for ($i=0;$i<sizeof($data);$i++)
      {
    $info = explode(",",$data[$i]);
    $data[$i] = $info;
      }
    $result = array();
    for ($y=0;$y<sizeof($data);$y++)
      {
    if (($data[$y][0]) !== false)
      {
        array_push($result, array("sd"=>$data[$y][1], "eid"=>$data[$y][0], "oid" => $data[$y][2], "efn"=>$data[$y][4], "eln"=>$data[$y][5]));
      }
    if (count($result) > 2)
      {
        break;
      }
      }
  }
echo array_to_json($result);
?>

请尝试我提供的三个示例页面，以查看不同的结果。谢谢。

Answer 1

您的代码至少缺少两件事：

1：使用Ajax发布时，您必须发送帖子数据。所以你必须告诉你要发送什么数据。大多数情况下它将是序列化表单数据，但它可以是任何内容。

var dataString = 'name=Gr G';
$.ajax(
  {
    url: 'shipprocess.php',
    dataType: 'json',
    data: dataString,
    type: 'POST',
    ...

2：您期望返回值，但不发送返回值。在shipprocess.php处理后，你应该像这样回应一些事情：

...    
echo 'data received and processed';
...

Answer 2

您滥用$ .ajax（）方法，您必须使用表单内容指定“data”参数。

所以你应该这样做：

$.ajax({
    "url": 'shipprocess.php',
    "dataType": 'json',
    "type": 'POST',
    "data": $("#myform").serialize(),
});

Answer 3

这就是我过去发送数据的方式。

var jqXHR = $.ajax({
type: 'POST',
url: your url,
data: { var name: 'data here'},
dataType: 'json'
});

jqXHR.done(function (your returned data) { your stuff )};

在AJAX调用之后，数据为空

3 个答案: