Javascript AJAX响应返回html内容
我的codeigniter项目中有一个AJAX调用。这是我的密码: 鉴于: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
$('#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);
}