Javascript AJAX响应返回html内容

Javascript AJAX响应返回html内容,javascript,php,jquery,ajax,codeigniter,Javascript,Php,Jquery,Ajax,Codeigniter,我的codeigniter项目中有一个AJAX调用。这是我的密码: 鉴于: $('#forgotPassword').click(function() { var base_url = '<?php echo base_url()?>'; $('#forgotPasswordEmailError').text(''); var email = $('#forgotPasswordEmail').val(); cons

我的codeigniter项目中有一个AJAX调用。这是我的密码:

鉴于:

$('#forgotPassword').click(function() {
        var base_url = '<?php echo base_url()?>'; 
        $('#forgotPasswordEmailError').text('');
        var email = $('#forgotPasswordEmail').val(); 
        console.log(email);
        if(email == ''){
            $('#forgotPasswordEmailError').text('Email is required');
        }else{
            $.ajax({
                url : base_url + 'Home/forgotPassword',
                type : 'POST',
                data : {email : email},
                success: function(data) {       
                    console.log(data);                  
                    //location.reload();
                }
            });
        }

    });
但是响应只包含我视图中的html内容。我无法确定发生了什么

而不是

echo $email;
使用:

并在客户端使用
JSON解析JSON

echo $email;
使用:


并在客户端使用
JSON解析JSON

$('#forgotPassword').click(function() {
    var base_url = '<?php echo base_url()?>'; 
    $('#forgotPasswordEmailError').text('');
    var email = $('#forgotPasswordEmail').val(); 
    console.log(email);
    if(email == ''){
        $('#forgotPasswordEmailError').text('Email is required');
    }else{
        $.ajax({
            url : base_url + 'Home/forgotPassword',
            type : 'POST',
            data : {email : email},
            dataType:'json',
            success: function(data) {       
                console.log(data);                  
                //location.reload();
            }
        });
    }

});

将jquery代码更改为

$('#forgotPassword').click(function() {
    var base_url = '<?php echo base_url()?>'; 
    $('#forgotPasswordEmailError').text('');
    var email = $('#forgotPasswordEmail').val(); 
    console.log(email);
    if(email == ''){
        $('#forgotPasswordEmailError').text('Email is required');
    }else{
        $.ajax({
            url : base_url + 'Home/forgotPassword',
            type : 'POST',
            data : {email : email},
            dataType:'json',
            success: function(data) {       
                console.log(data);                  
                //location.reload();
            }
        });
    }

});

嗨,也许我可以帮助别人,我也有同样的问题,在我的例子中,错误出现在这里“url:base_url+‘Home/forgotPassword’”

在这个例子中,我必须像下面的url一样通过:/anotherdirectory/Home/forgotPassword.php, 查看您的“url”

$.ajax({ url:“在此处更改fo works”, 键入:“POST”, 数据:{email:email}, 数据类型:'json', 成功:函数(数据){
console.log(数据);
//location.reload();
}

嗨,也许我可以帮助别人,我也遇到了同样的问题,在我的例子中,错误出现在“url:base\u url+‘Home/forgotPassword’”

在这个例子中,我必须像下面的url一样通过:/anotherdirectory/Home/forgotPassword.php, 查看您的“url”

$.ajax({ url:“在此处更改fo works”, 键入:“POST”, 数据:{email:email}, 数据类型:'json', 成功:函数(数据){
console.log(数据);
//location.reload();

}

那么响应应该是什么?即预期的结果是什么?请将数据{email:email}替换为数据:{email:email},@ankitunde我只是返回ajax请求中发布的电子邮件id。但是它在我的视图页面中显示整个html代码。在echo$email之后放置一个骰子;这将像一个符咒一样工作。然后应该如何响应?即预期的结果是什么?请用数据替换数据:{email:email},数据:{email':email},@ankitunde我只是返回从ajax请求中发布的电子邮件id。但它在我的视图页面中显示整个html代码。在echo$email之后放置一个骰子;这将像一个符咒一样工作。你可以通过ajax发送纯文本,为什么要使用json?@madalinivascu纯文本可以使用,但使用
json
提供了更多的想法,将来,我们可以添加更多的数据来响应e、 我认为没有必要将数据类型设置为json,因为只有一个值now@geeth我从来没有说过需要json的数据类型。但是,建议发送json响应。您可以通过ajax发送纯文本,为什么要使用json?可以使用@madalinivascu纯文本,但使用
json
提供了更多的思路将来,我们可以向响应添加更多数据。我认为没有必要将数据类型设置为json,因为只有一个值。但无论如何,它是有效的now@geeth我从来没有说过数据类型需要json。但是,建议发送json响应。为什么要使用json?而不是我的upvote。似乎OP只是在测试响应因为使用json,我们可以在将来轻松地为响应添加更多数据@Akintundits。谢谢。但是有必要在Ajax函数中设置数据类型吗?为什么要使用json?而不是我的upvote..似乎OP只是在测试Ajax调用上的响应,因为使用json,我们可以在将来轻松地为响应添加更多数据@Akintundits正在工作。谢谢。但是有必要在ajax函数中设置数据类型吗。
public function forgotPassword() { 
   $email = $this->input->post('email');
   $response = ["email" => $email];
   echo json_encode($response);
}