如何使用javascript或使用jQuery刷新网页的一部分?

时间:2012-04-10 10:10:35

标签: javascript jquery javascript-events

如何使用时间间隔(不是整页)刷新网页的特定部分

3 个答案:

答案 0 :(得分:2)

假设您的网页中有一个要刷新的DIV:

<div id="myDiv"> </div>

要使用javascript刷新它,您只需选择它并更改html代码:

document.getElementById("myDiv").innerHtml = "Your new html code to display"

如果你想处理表格,数据库查询...... 您必须使用AJAX来调用某些PHP脚本,例如,无需重新加载当前页面...

答案 1 :(得分:2)

您可以将Ajax用于您的目的。 假设您想在向用户注册用户之前检查用户名可用性。

异步创建请求对象

  

function createRequest()

     

{

     

try{

 request=new XMLHttpRequest();
     

} catch(tryMS){

    try{

        request=new ActiveXObject("Msxml2.XMLHTTP");

    } catch(otherMS){

         try{

             request=new ActiveXObject("Microsoft.XMLHTTP");

         } catch(failed) {

             request=null;
         }

    }

}

return request;
     

}

接下来是发送异步请求的代码

  

function checkAvailability(username){

 request=createRequest();

 if(request==null){

   alert("Ajax request not possible on your browser");

   return;

 }

 var url="checkAvailability?username="+username;

 request.open("GET", url, true);

 request.onreadystatechange = showStatus;

 request.send(null);
     

}

跟踪回复

  

function showStatus(){

if(request.readyState == 4) {

if(request.status == 200) {

  var response = request.responseText;

          if(response == 1){

              //username available

          } else{

              //username not available

          } 

  }

}
     

}

答案 2 :(得分:1)

你在谈论AJAX

查看http://api.jquery.com/jQuery.ajax/获取jQuery

但请考虑学习基础的JavaScript语言 - 从长远来看,你会更好 这是一个简单的例子 http://www.degraeve.com/reference/simple-ajax-example.php

ajax背后的历史可以在http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications

找到