我已经google了很多但是找不到解决这个问题的方法:
我的主页面中有一个div,它使用JQuery函数'.load'加载另一个页面。这很好用。在这个加载的页面中,我有一个搜索选项。提交表单时,我希望这个ajax div重新加载,并且提交的数据将被发送,所以我可以在这个ajax div中使用它。
我怎样才能建造这样的建筑?我听说.load使用GET,我的表单发送POST。但是在提交后使用.post函数不起作用。
任何?
代码sofar:
在我的主页面中,我只有一个div,没什么重要的
加载的页面:
<form id="formpie" name="zoek" action="" method="POST">
<input type="hidden" name="zoek" value="zoek" id="zoek"/>
<input type="text" name="tags" size="31" id="tags"/>
<select name="categorie" id="categorie">
<?php $imagelib = Imagelib::find_all();?>
<option value="">alle</option>
<?php foreach($imagelib as $imagelib_id): ?>
<option value="<?php echo $imagelib_id->id;?>"><?php echo $imagelib_id->naam; ?></option>
<?php endforeach;?>
</select>
<input type="submit" name="zoek" id="search" value="Zoek" />
</form>
在我的JS文件中我有:
装载部分:
jQuery("#select_portal").bind('click', function () {
$("#dialog-form").css("display", "block");
$("#dialog-form").css("top", "100px");
$("#dialog-form").css("left", "auto");
$("#dialog-form").css("right", "auto");
$("#dialog-form").css("backgroundColor", "white");
document.getElementById('dialog-form').style.visibility = 'visible';
$("#dialog-form").load("imglib.php");
});
}
点击提交按钮后:
$('#formpie').submit(function (e) {
e.preventDefault();
var tags = $("#tags").val();
var categorie = $("#categorie").val();
$.ajax({
type: "POST",
url: "imglib.php",
async: false,
dataType: 'html',
success: function () {
$('#dialog-form').load("imglib.php", {tags : tags, categorie : categorie});
}
});
});
答案 0 :(得分:1)
这样的事情应该有效:
$('#formpie').on('submit', function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: "imglib.php",
async: false,
data: $(this).serializeArray(),
success: function(data) {
$('#dialog-form').html(data);
}
});
});
您应该发送带有帖子的数据。它不会自动发送表单数据。