如何在不正确重新加载整个页面的情况下更改网页的一部分
How to change part of a web page without reloading a whole page correctly?
我试图调用javascript的函数来使用导航栏更改php页面,而无需重新加载整个页面,但是我已经进入的关闭是我成功地使用按钮命令执行此操作,但是页面内的javascript已关闭,我做错了什么?
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function() {
$("#accordion").accordion();
$('#button_1, #button_2, #button_3, #button_4').click(function(){
var which_to_load = ( $(this).attr('id')+"" ).replace('button_', ''),
source_of_file = 'content'+which_to_load+'.php';
$('#content_box').load( source_of_file );
return false;
});
});
</script>
链接部分:
<div id="content_changing_buttons">
<form method="get" id="change_content_buttons" action="">
<p>
<li><input value="1" type="submit" id="button_1" name="page" /> Reggiani presents at frankfurt Light + Build 2012</a><br/><br /></li>
<li><input value="2" type="submit" id="button_2" name="page" /> Reggiani presents at frankfurt Light + Build 2012</a><br/><br /></li>
<li><input value="3" type="submit" id="button_3" name="page" /> Reggiani presents at frankfurt Light + Build 2012<br/><br /></li>
<li><input value="4" type="submit" id="button_4" name="page" /> Reggiani presents at frankfurt Light + Build 2012<br/><br /></li>
</p>
</form>
</div>
和内容部分:
// default number of page to load
$defaultPageNumber = '2';
// check if content number is set
$numberOfPageToInclude = isset($_GET['page']) ? $_GET['page'] : $defaultPageNumber;
$options = array(
'options' => array(
'min_range' => 1,
'max_range' => 4,
));
if (filter_var($numberOfPageToInclude, FILTER_VALIDATE_INT, $options) !== FALSE) {
include ('content' . $numberOfPageToInclude . '.php');
} else {
echo '<span style="color:red;">Wrong page number, including default page!</span><br />';
include 'content1.php';
}
?>
</div>
现在我已经按照建议做了,但是当我调用代码时,首先出现了默认的 php 页面,然后当我单击按钮更改页面的 php 侧时,它起作用了,但不知何故它关闭了 javascript 的其余部分,甚至我的手风琴 js 和盲人 js(它引用自另一个 php 页面)突然关闭。
任何人都可以建议如何解决此问题?
<html>
<head>
<script language="javascript" type="text/javascript">
function showentry()
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("right").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","details.php",true);//whatever the contents of file details.php displayed in right div
xmlhttp.send();
}
</script>
<style type="text/css">
#left{width:500px;height:100%; float:left;}
#right{width:500px; float:left;}
</style>
</head>
<div id="left">
<input type="button" name="GET" value="show" onclick="showentry()"/>
</div>
<div id="right">
</div>
</html>
相关文章:
- 如何在未直接触发的情况下停止事件
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 在不阻止默认行为的情况下检测IE10中的缩放
- 如何在不传递此信息的情况下查找被调用的元素
- 如何在不刷新页面的情况下更新显示框
- 有没有一种方法可以在控制台关闭的情况下让console.log()在IE中记录消息
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 在我的情况下,如何进行http请求
- 在不知道深度或父属性的情况下从对象中删除属性
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- ROR:如何在不重新加载浏览器的情况下从控制器获取参数
- 如何在不影响其他元素的情况下扩展DIV
- 如何在不正确重新加载整个页面的情况下更改网页的一部分
- Yii2 中有什么方法可以在不重新加载的情况下动态更改 URL?来自 PJAX 的一部分
- 我可以在没有java脚本的情况下只加载页面的一部分吗
- 如何在不调用函数的情况下将函数作为javascript对象的一部分传递
- 如何在没有iframe的情况下从样式和css规则的正常流程中删除网页的一部分?
- 如何在不手动调用javascript中的函数的情况下使用ajax自动刷新页面的一部分