jquery刷新div,jquery刷新div里的内容

用jquery怎么实现刷新一个div的内容，其他版块不变？

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("#b01").click(function(){

$('#myDiv').load('/jquery/test1.txt');

});

});

/script

/head

body

div id="myDiv"h2通过 AJAX 改变文本/h2/div

button id="b01" type="button"改变内容/button

/body

/html

或许你更需要了解一下AJAX(局部刷新)

1。创建XMLHttpRequest核心对象

2。发送请求到服务器

3。通过回调函数接受返回的内容，实现刷新

相关问答

Q1: jquery使局部DIV刷新（更新）

这样吧 , 我不写代码了 , 给你一个思路!

想想验证码图片是怎么做的 !

你保存过后再用JS像点击更换验证码那样自动执行一下 .

或者把那一块view 单独放一个页面 , 加载的时候时候用

document.ready(){

$.get('view.php');

}

保存过后马上再触发一个事件执行JQUERY的AJAX

$.get('view.php');

这样就行了吧

Q2: jquery如何实现div定时刷新？

\x0d\x0a\x0d\x0a \x0d\x0a\x0d\x0a\x0d\x0a $(document).ready(function () {\x0d\x0a \x0d\x0a setInterval("startRequest()",1000);\x0d\x0asetInterval这个函数会根据后面定义的1000既每隔1秒执行一次前面那个函数\x0d\x0a 如果你用局部刷新，要用AJAX技术\x0d\x0a });\x0d\x0a \x0d\x0a function startRequest()\x0d\x0a {\x0d\x0a $("#date").text((new Date()).toString());\x0d\x0a }\x0d\x0a \x0d\x0a \x0d\x0a

Q3: 如何利用jQuery局部刷新页面中的div元素

分两步：

第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。使用方法请百度一下，教程非常多。

第二步，将读入的数据使用jquer的选择器比如$("#divid").html("这里放入数据")，也可以用$.text()，具体区别请参考$.html()和$.text()的使用方法。

另外，jquer还支持读取json数据和script数据，可以将读取的数据直接使用或者执行。具体根据你的需要改变。

Q4: jquery如何定时 局部刷新一个div？？

定时ajax就可以了

var timer = setInterval(function(){

$.ajax({

type:'post',

url:'你的url',

dataType:'json',

data:{

请求参数

}，

success：function(data){

//此处拼接返回的json数据，直接用数组形式调用，并且赋值给你的目标div就行了

}

})

},5000)；//时间间隔5秒钟。

以上是简单的写法，望采纳，欢迎追问

Q5: ajax，jquery，$.post/$.get异步刷新div,局部刷新页面

代码：

$.ajax({

type: "POST",

url: "getPageDate.php", //调用的php文件

data: "page=1",

success: function(msg){ //回调函数

alert( "Data Saved: " + msg ); //这里是操作

$("#content").html(

);

}

});

success:function(data){//后台处理数据成功后的回调函数

//  在这里执行对页面的数据刷新

$("div .a").html(data);

}

data：就是这次请求返回的a.jsp页面

$("div .a")：就是页面上那个div id='a' class='a'/div 

$("div .a").html(data)：就就是将a.jsp 页面放入到 class=a 的div中！

扩展资料：

当使用 CSS-P 的时候， 主要把它用在 DIV（division）tag 上。当把文字，图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候，就知道它们是指一段在 DIV 中的 HTML。

使用 DIV 的方法跟使用其他 tag 的方法一样：

如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和不使用是一样的。

参考资料来源：百度百科-DIV