是想jquery提交之后显示在页面的div里面,用 $(".huif:visible").append(data);可以实现效果,但是 $(this).find(".huif").append(data); 不能,请大神帮忙看一下,谢谢!
jquery代码
$(function(){
$('form[class=huifang]').submit(function(e){
e.preventDefault();
$.ajax({
cache: true,
type: "POST",
url: "huifang.php",
data:$(this).serialize(),
async: false,
error: function(request) {
alert("Connection error");
},
success: function(data) {
// $(".huif:visible").append(data); 这个可以成功
$(this).find(".huif").append(data);
}
});
});
});
html代码
<form class="huifang" method="post" action="">
<div class="huif">
提交之后显示在这里
</div>
回访:<textarea name="huifang" class="input"></textarea>
<p align="center"><input type="submit" class="submit" name="submit" value="提交"></p>
</form>
------解决思路----------------------
你试下在function里看this是什么呢,反正肯定不是document
------解决思路----------------------
$(function(){
$('form[class=huifang]').submit(function(e){
var _THIS = $(this);
e.preventDefault();
$.ajax({
cache: true,
type: "POST",
url: "huifang.php",
data:$(this).serialize(),
async: false,
error: function(request) {
alert("Connection error");
},
success: function(data) {
// $(".huif:visible").append(data); 这个可以成功
_THIS.find(".huif").append(data);
}
});
});
});
------解决思路----------------------
success: function(data) 里面的this已经与submit()里面的不是一个对象了