如何刷新另一个页面内的页面？
我有2页，在第一页，我通过ajax调用另一页（第二页）。 在第二页中有一个表单通过ajax发送，然后重新加载页面一次。 但是当第二页刷新时，我的第一页也刷新了。 但我不想要它。 我只想重新加载我的内页。 有没有办法只重新加载内部页面？ 这是我的内页代码：
$(document).ready(function() {
$(document).on('click', '.MyForm button[type=submit]', function(e) {
e.preventDefault() // To make sure the form is not submitted
var $frm = $(this).closest('.MyForm');
console.log($frm.serialize());
$.ajax(
$frm.attr('action'),
{
method: $frm.attr('method'),
data: $frm.serialize(),
success: function(data) { $(".error").html(data), window.location.reload();}
}
);
});
});.error{width:200px; height:50px;border:1px solid blue;}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<form class="MyForm" method="post">
<input type="text" placeholder="name" value="Aynaz" name="a1" />
<select name="Avg">
<option value="1">1</option>
<option value="2">2</option>
</select>
<button type="submit">Submit</button>
<div class="error">Show form success here after page reload</div>
</form> window.location.reload()将始终重新加载整个页面。 首先使用load()函数来加载内部页面
$.ajax(
$frm.attr('action'),
{
method: $frm.attr('method'),
data: $frm.serialize(),
success: function(data) {
$(".error").html(data);
$('.div').html('').load('innerpage.htm');// reload the div
}
}
);
从表单中删除method =“post”。
您可以在<iframe>创建内部页面，然后只能重新加载此部分。