ajax的反应不是预期的

时间:2014-01-03 17:23:49

标签: ajax jquery

成功建立了ajax调用。但是,当我试图从PHP得到一些回应时,有一个问题。在.php文件中,<?php echo 'hello'; ?>。当我在成功函数中提醒参数时,它会给我整个php文件。 ajax调用中请求的数据类型是“text”。请让我知道我在哪里犯了错误..

代码:

<script> 
$(document).ready(function()
{
    /* Attach a submit handler to the form */
    //$("#foo").submit(function(event) {
        $('form').on('submit', function(event){

        /* Stop form from submitting normally */
        event.preventDefault();

        /* Clear result div*/
        $("#result").html('');

        /* Get some values from elements on the page: */
        var values = $(this).serialize();

        /* Send the data using post and put the results in a div */
        $.ajax({
            url: "ajaxSamplephp.php",
            type: "post",
            data: values,
            datatype: "text",
            success: function(data){
                alert("success");
                $("#result").html('Submitted successfully');
                alert(data);
            },
            error:function(){
                alert("failure");
                $("#result").html('There is error while submit');
            }
        });
    });
});


</script>


<body>
<form id="foo">
    <label for="bar">A bar</label>
    <input id="bar" name="bar" type="text" value="" />
    <input type="submit" value="Send" />
</form>


<div id="result">RESULT</div>
</body>

PHP文件

<?php
echo 'Hi I am some random';
?>

OUTPUT:<?echo 'Hi I am some random'; ?>在警报窗口中

输出输出:我的网址出了问题。我使用wamp服务器和Eclipse PDT。工作区位于不同的位置,因此我可以获得输出。

在php文件中我给了echo json_encode('[{"key":"value"}]');在ajax调用中,我已将数据类型更改为'json'。但警告像alert(data.key);给了我'undefined' - 消息。非常感谢帮助...

1 个答案:

答案 0 :(得分:0)

更新(回答问题的第二部分):执行JSON.parse(data)从JSON生成JavaScript对象。然后,您可以使用方法返回的对象来获取属性。


我会检查您的Web服务器是否配置为使用PHP。

这可能意味着您必须安装PHP软件包(使用sudo apt-get install php5之类的东西)或在Web服务器的配置中启用PHP(我相信Ubuntu上的libapache2-mod-php5软件包会为您配置它。)< / p>