Javascript 在ajax调用中使用jquery刷新div
我有一个div,里面有foreach,就像这样:Javascript 在ajax调用中使用jquery刷新div,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有一个div,里面有foreach,就像这样: <div id="conversation"> <?php foreach($singles as $question): ?> <div class="well well-sm"> <h4><?php echo $question['question_title']; ?></h4> </div> <div
<div id="conversation">
<?php foreach($singles as $question): ?>
<div class="well well-sm">
<h4><?php echo $question['question_title']; ?></h4>
</div>
<div class="bubble bubble--alt">
<?php echo $question['question_text']; ?>
</div>
<?php endforeach; ?>
<?php foreach($information as $answer): ?>
<div class="bubble">
<?php echo $answer['answer_text']; ?>
</div>
<?php endforeach; ?>
</div>
您会注意到我尝试了$(“#对话”).hide().html(data.fadeIn('fast')代码>但是它没有成功地完成该工作。它只将通过ajax传递的信息重新加载到div中,而不只是重新加载foreach
如何在ajax调用的success函数中刷新div或
?Mitch,我在看这部分:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
请参见表达式“.html(数据)”???“数据”在哪里声明?上面的代码永远不会工作。现在,看下面的几行。特别是第一个。看到找我的零钱了吗
success: function(data) {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
一旦进行了此更改,您需要使用调试器(chrome或其他调试器)来检查ajax调用(我们这里没有)返回的内容是否是您所需要的。但首先,修复错误
祝你好运。米奇,我正在看这部分:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
请参见表达式“.html(数据)”???“数据”在哪里声明?上面的代码永远不会工作。现在,看下面的几行。特别是第一个。看到找我的零钱了吗
success: function(data) {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
一旦进行了此更改,您需要使用调试器(chrome或其他调试器)来检查ajax调用(我们这里没有)返回的内容是否是您所需要的。但首先,修复错误
祝你好运。米奇,我正在看这部分:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
请参见表达式“.html(数据)”???“数据”在哪里声明?上面的代码永远不会工作。现在,看下面的几行。特别是第一个。看到找我的零钱了吗
success: function(data) {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
一旦进行了此更改,您需要使用调试器(chrome或其他调试器)来检查ajax调用(我们这里没有)返回的内容是否是您所需要的。但首先,修复错误
祝你好运。米奇,我正在看这部分:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
请参见表达式“.html(数据)”???“数据”在哪里声明?上面的代码永远不会工作。现在,看下面的几行。特别是第一个。看到找我的零钱了吗
success: function(data) {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#answerForm").find("input[type=text], textarea").val("");
$("#conversation").hide().html(data).fadeIn('fast');
}
一旦进行了此更改,您需要使用调试器(chrome或其他调试器)来检查ajax调用(我们这里没有)返回的内容是否是您所需要的。但首先,修复错误
祝你好运。jQuery.load()方法()可以从网页中获取和更新单个块。它会在后台重新加载整个网页,因此会产生一些开销
将您的ajax成功更改为以下内容:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#conversation").load("config/accountActions.php #conversation >*");
}
这将加载您的对话块及其所有子块,并替换当前(旧)对话块。jQuery.load()方法()可以从网页中获取和更新单个对话块。它会在后台重新加载整个网页,因此会产生一些开销
将您的ajax成功更改为以下内容:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#conversation").load("config/accountActions.php #conversation >*");
}
这将加载您的对话块及其所有子块,并替换当前(旧)对话块。jQuery.load()方法()可以从网页中获取和更新单个对话块。它会在后台重新加载整个网页,因此会产生一些开销
将您的ajax成功更改为以下内容:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#conversation").load("config/accountActions.php #conversation >*");
}
这将加载您的对话块及其所有子块,并替换当前(旧)对话块。jQuery.load()方法()可以从网页中获取和更新单个对话块。它会在后台重新加载整个网页,因此会产生一些开销
将您的ajax成功更改为以下内容:
success: function() {
$.growl({ title: "Success!", message: "Your answer was submitted successfully!" });
$("#conversation").load("config/accountActions.php #conversation >*");
}
这应该加载您的对话块及其所有子对象,并替换当前(旧)对话块。您不能,PHP是服务器端语言。您必须刷新页面或调用一个PHP脚本,该脚本将返回相关数据。我是否可以将提交的信息“附加”到相同的#conversation
div中?为了让它看起来像是刷新了一样?我不知道你是什么意思,但为什么不在添加新的anwser时从脚本中返回所有$question数据呢。但我真的不知道您在这里寻找什么,我该怎么做呢?在jQuery AJAX成功方法中,您缺少数据。您有success:function()
它应该是success:function(data)
您不能,PHP是服务器端语言。您必须刷新页面或调用一个PHP脚本,该脚本将返回相关数据。我是否可以将提交的信息“附加”到相同的#conversation
div中?为了让它看起来像是刷新了一样?我不知道你是什么意思,但为什么不在添加新的anwser时从脚本中返回所有$question数据呢。但我真的不知道您在这里寻找什么,我该怎么做呢?在jQuery AJAX成功方法中,您缺少数据。您有success:function()
它应该是success:function(data)
您不能,PHP是服务器端语言。您必须刷新页面或调用一个PHP脚本,该脚本将返回相关数据。我是否可以将提交的信息“附加”到相同的#conversation
div中?为了让它看起来像是刷新了一样?我不知道你是什么意思,但为什么不在添加新的anwser时从脚本中返回所有$question数据呢。但我真的不知道您在这里寻找什么,我该怎么做呢?在jQuery AJAX成功方法中,您缺少数据。您有success:function()
它应该是success:function(data)
您不能,PHP是服务器端语言。您必须刷新页面或调用一个PHP脚本,该脚本将返回相关数据。我是否可以将提交的信息“附加”到相同的#conversation
div中?为了让它看起来像是刷新了一样?我不知道你是什么意思,但为什么不在添加新的anwser时从脚本中返回所有$question数据呢。但是我真的不知道你在这里寻找什么,我该怎么做呢?在你的jqueryajax成功方法中,你缺少了