There are a lot of ways. The more commonly used is the IFRAME to do so. Now you have Ajax, so it's usually Ajax.
The first method, AJAX implementation:
Of course, the use of Ajax is really very simple can be achieved, but there is a lot of knowledge is somewhat deep. I used to do page time automatic refresh function is the use of Ajax. The complete code is:
1.gettime.php:
In the browser directly access to zidong.php on it, click inside the button can see the effect.
This is a small example of refreshing the local content of a page with Ajax. You might wonder: isn't there any interaction with the database? This is not easy, directly in the gettime.php page inside the operation can be.
There's no need to say much about this method. As for the code inside the Ajax meaning, don't ask me, I said before, this Ajax is still a bit deep.
Don't tell me to use PHP's include. You go and try it. Can, can not have so many people in Baidu inside ask.
This method is complex to say, in fact, it is quite simple. Let's say the principle:
To refresh the page to automatically refresh the local code out, made a separate page, automatic refresh There are many ways: you can use JavaScript in this independent page to control, what settimeout ("start", 1000); Ah or setinterval ("Start ()", 1000); (Refresh the page every 1 seconds) This can also be done with a META tag: <meta http-equiv= "Refresh" content= "ten" > (Refresh page every 10 seconds). This will be used in the original page with an IFRAME to call it over. That's it.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<!--<meta http-equiv= "Refresh" content= "5" >-->
<title>Admin</title>
<script language= "javascript" type= "Text/javascript" src= "/extend/js/json.js" ></script>
<script language= "javascript" type= "Text/javascript" src= "/extend/menus.js" ></script>
<script language= "javascript" type= "Text/javascript" src= "/extend/js/jquery-1.4.2.js" ></script>
<link href= "/css/main.css" rel= "stylesheet" type= "Text/css"/>
<link href= "/css/question.css" rel= "stylesheet" type= "Text/css"/>
<script type= "Text/javascript" >
The following Iskeytrigger (), Ctrlenter (), Submitcontent () methods respond to keyboard event submissions. Good compatibility.
function Iskeytrigger (e,keycode) {
var argv = iskeytrigger.arguments;
var argc = isKeyTrigger.arguments.length;
var bCTRL = false;
if (argc > 2) {
bCTRL = argv[2];
}
var Balt = false;
if (argc > 3) {
Balt = argv[3];
}
var nav4 = window. Event? True:false;
if (typeof e = = ' undefined ') {
e = event;
}
if (bCTRL &&
! ((typeof E.ctrlkey!= ' undefined ')?
E.ctrlkey:e.modifiers & event.control_mask > 0)) {
return false;
}
if (Balt &&
! ((typeof E.altkey!= ' undefined ')?
E.altkey:e.modifiers & event.alt_mask > 0)) {
return false;
}
var whichcode = 0;
if (nav4) Whichcode = E.which;
else if (E.type = "KeyPress" | | e.type = = "KeyDown")
Whichcode = E.keycode;
else Whichcode = E.button;
return (Whichcode = = KeyCode);
}
function Ctrlenter (e) {
var ie =navigator.appname== "Microsoft Internet Explorer"? True:false;
if (IE) {
if (Event.ctrlkey && window.event.keycode==13) {
Submitcontent ();
}
}else{
if (Iskeytrigger (e,13,true)) {
Submitcontent ();
}
}
}
function Submitcontent () {
Save_answer ();
}
function Save_answer () {
var $content = $ (' #answer '). Val ();
var $save _answer_url = ' <?php echo $save _answer_url;? > ';
if ($content = = ") {
Alert ("No data!");
Return
}
var $post _data = {
Content: $content,
QID: ' <?php echo $question [' ID '];? > ',
UID: ' <?php echo $questionUser [' ID '];? > '
};
Alert ($save _answer_url);
$.ajax ({
Type: ' Post ',
URL: $save _answer_url,
Data: $post _data,
Success:function (e) {
var $rs = Json.decode (e);
if ($rs. succ = 1) {
Alert ("Answer success!");
$ (' #answer '). Val ("");
Location.reload (); Refresh Page
} else {
Alert ($rs. msg);
}
}
});
}
Delete an Answer
function Deleteanswer ($id) {
var $delete _answer_url = ' <?php echo $delete _answer_url;? > ';
var $post _data = {
ID: $id
};
if (Confirm ("Are you sure delete")) {
$.ajax ({
Type: ' Post ',
URL: $delete _answer_url,
Data: $post _data,
Success:function (e) {
var $rs = Json.decode (e);
if ($rs. succ = 1) {
Alert ("Delete success!");
Location.reload (); Refresh Page
} else {
Alert ($rs. msg);
}
}
});
}
else{
Return
}
}
Set as Best answer
function Setbestanswer ($id, $aid) {
var $set _bestanswer_url = ' <?php echo $set _bestanswer_url;? > ';
var $post _data = {
ID: $id,
Aid: $aid
// };
if (Confirm ("Are you sure the set this answer is best?") {
$.ajax ({
Type: ' Post ',
URL: $set _bestanswer_url,
Data: $post _data,
Success:function (e) {
var $rs = Json.decode (e);
if ($rs. succ = 1) {
Alert ("Set success!");
Location.reload (); Refresh Page
} else {
Alert ($rs. msg);
// }
// }
// });
// }
else{
Return
// }
//
//}
</script>
<!--<script language= "JavaScript" >-->
<!--setinterval ("Myajax ();", 1000);-->
<!--function Myajax ()-->
<!--{-->
<!--//Get information JSON array-->
<!--var html2 = "";-->
<!--HTML2 = "<table id=\" answertable\ "><tr><td class=\" answerhead\ "colspan=\" 2\ "> replied:" +-->
<!--"</td></tr><tr><td><iframe width=0 height=0 src=\" Check_new.php\ "></ Iframe></td></tr> "+-->
<!--"<?php if (isset ($answers) &&!empty ($answers)) {foreach ($answers as $key => $value) {?>" +-->
<!--"<tr><td class=\" boss\ ">" +-->
<!--"<?php echo $value [' Answer '];? > "+-->
<!--"</td><td style=\" text-align:right;\ ">" +-->
<!--"<?php if ($_session[' ADMINISTRATOR ')" {?> "+-->
<!--"<a href=\" Javascript:deleteanswer (<?php echo $value [' ID '];? >); \ ">" +-->
<!--"</a>" +-->
<!--"<?php}?>" +-->
<!--"</td></tr><tr><td class=\" answerauthor\ "colspan=\" 2\ "> Respondents:" +-->
<!--"<?php echo $value [' Email '];? > "+-->
<!--"Answer time:" +-->
<!--"<?php echo $value [' Date '];? > "+-->
<!--"</td></tr><tr><td colspan=\" 2\ "><!--"<?php}}else{?>" +-->
<!--"<tr><td style=\" text-align:center;height:80px;\ "colspan=\" 2\ "> The question is not answered by the user, you can fill in the content below to answer </td></tr> "+-->
<!--"<?php}?> </table>";-->
<!--$ ("#answerDiv"). HTML (HTML2);-->
<!--}-->
<!--</script>-->
<!--<script type= "Text/javascript" >-->
<!--var xmlhttp;-->
<!--function createxmlhttprequest () {-->
<!--if (window. ActiveXObject) {-->
<!--xmlHttp = new ActiveXObject ("Microsoft.XMLHTTP");-->
<!--}-->
<!--else if (window. XMLHttpRequest) {-->
<!--xmlHttp = new XMLHttpRequest ();-->
<!--}-->
<!--}-->
<!--function Start () {-->
<!--//alert ("laslfda;f");-->
<!--createxmlhttprequest ();-->
<!--var url= "/extend/check_new.php?sid=" +math.random () ";-->
<!--//var url = ". /.. /view/product/check_new.php ";-->
<!--//alert (URL);-->
<!--Xmlhttp.open ("Get", Url,true);-->
<!--//alert (URL);-->
<!--Xmlhttp.onreadystatechange = callback;-->
<!--xmlhttp.send (NULL);-->
<!--}-->
<!--function callback () {-->
<!--if (xmlhttp.readystate = 4) {-->
<!--//alert ("Asdflasdf");-->
<!--//if (xmlhttp.status =) {-->
<!--document.getElementById ("Answerdiv"). InnerHTML = xmlhttp.responsetext;-->
<!--//alert (document.getElementById ("Answerdiv"). InnerHTML);-->
<!--settimeout ("Start ()", 1000);-->
<!--//}-->
<!--//alert (xmlhttp.status);-->
<!--}-->
<!--}-->
<!--setinterval ("Start ()", 1000);-->
<!--</script>-->
<body onkeydown= "Javascript:ctrlenter (event);" >
<center>
<div class= "Container" >
<table>
<tr>
<th class= "Zonghead" colspan= "2" > Product questions and answers detailed list </th>
</tr>
<tr>
<TD colspan= "2" ></tr>
<tr>
<TD class= "Questionhead" colspan= "2" > Details of the issue:</td>
</tr>
<?php
if (Isset ($question) &&!empty ($question)) {
?>
<tr>
<TD class= "Questioncontent" colspan= "2" ><?php echo $question [' question '];? ></td>
</tr>
<tr>
<TD class= "Author" colspan= "2" > Questioner: <?php echo $questionUser [' Email ']; > Question Time: <?php echo $question [' Date '];? ></td>
</tr>
<?php
}
?>
<tr>
<TD colspan= "2" ></tr>
</table>
<iframe src= ' <?php echo get_url (Array (' m ' => ' product ', ' a ' => ' product_newmsg ', ' qid ' => $qid));? > "scrolling=" no "frameborder=" 0 "width=" 999px "onload=" this.height= This.contentWindow.document.documentElement.scrollHeight "></iframe>
<!--<div id= "Answerdiv" class= "Answerdiv" >
<table id= "Answertable" >
<tr>
<TD class= "Answerhead" colspan= "2" > Answer:</td>
</tr>
<tr>
<td><iframe width=0 height=0 src= "check_new.php" ></iframe></td>
</tr>
<?php
if (Isset ($answers) &&!empty ($answers)) {
foreach ($answers as $key => $value) {
?>
<tr>
<TD class= "Boss" ><?php echo $value [' Answer '];? ></td>
<TD style= "text-align:right;" >
<?php
if ($_session[' Administrator ']) {//If $_session[' Administrator ']=0 is not a super administrator, the Delete button is not displayed
?>
<a href= "Javascript:deleteanswer (<?php echo $value [' ID '];? >); " ></a>
<?php
}
?>
</td>
</tr>
<tr>
<TD class= "Answerauthor" colspan= "2" > Respondents: <?php echo $value [' Email '];? > Answer time: <?php echo $value [' Date '];? ></td>
</tr>
<tr>
<TD colspan= "2" ></tr>
<?php
}
}else{
?>
<tr>
<TD style= "text-align:center;height:80px" colspan= "2" > The question is currently not answered by the user, you can fill in the content below to answer </td>
</tr>
<?php
}
?>
</table>
</div>
--><table class= "Youwrite" >
<tr>
<td> would you answer that,:</td>?
</tr>
<tr>
<td>
<textarea rows= "cols=" id= "answer" name= "Answer" ></textarea>
</td>
</tr>
<tr>
<TD class= "submits" ><a href= "Javascript:save_answer ();" ></a></td>
</tr>
</table>
</div>
</center>
</body>
This will be achieved. You can see the effect by accessing the show.php in the browser. But there's a lot of stuff in this example that operates the database. Direct access has no effect. But the code is definitely OK. The principles and code inside are complete.
All right. Here are the two methods. There are two ways that can be done basically all the page local refresh.
