调用ajax时显示错误

时间:2014-06-25 10:45:34

标签: jquery ajax

我正在通过Jquery .blur()方法请求Ajax调用。但它告诉我错误信息。你知道为什么它会向我显示错误信息吗?

以下是我的Jquery / Ajax代码:

<script>
$("#given_name").blur(function(){   

var given_name =  $("#given_name").val(); 

$.ajax({
  url: 'certainfield.php',
  type: 'POST',
  dataType: 'html',
  data: given_name,
}).done(function ( data ) {
  $('#r').append(data);
});

});
</script>

Html代码:

<tr>
<td>Given name</td>
<td><input type="text" value="<?php echo $res['given_name'] ?>" name="given_name" 
id="given_name" placeholder="Given name"/></td>
</tr>

Php页码:

<?php
ob_start();
echo "we are printing certain file <br/>";
$msg =  $_POST['given_name'];
echo $msg;  
?>

错误消息:

Notice: Undefined index: given_name in D:\software installed\xampp\htdocs\contact-management
\certainfield.php on line 4

1 个答案:

答案 0 :(得分:0)

您的data格式不正确,请更改:

..
data: given_name,
..

...
data: {"given_name" : given_name},
...

请参阅$.ajax()

$("#given_name").blur(function(){   

    var given_name =  $(this).val(); 

    $.ajax({
        url: 'certainfield.php',
        type: 'POST',
        dataType: 'html',
        data: {"given_name" : given_name},
    }).done(function ( data ) {
        $('#r').append(data);
    });

});