div的局部刷新
创新互联公司-专业网站定制、快速模板网站建设、高性价比五河网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式五河网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖五河地区。费用合理售后完善,十多年实体公司更值得信赖。
$(".dl").load(location.href+"
.dl");
全页面的刷新方法
window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象(用于框架)
opener.location.reload()刷新父窗口对象(用于单开窗口)
top.location.reload()刷新最顶端对象(用于多开窗口)
以上就是小编为大家带来的jQuery
局部div刷新和全局刷新方法总结全部内容了,希望大家多多支持脚本之家~
首先说jquery的局部刷新是不应该刷页面的
如果要用a标签来做的话, href中应该写#, 然后在onclick事件中来调用jquery的处理方法
否则a标签只会处理href的跳转功能, 无法实现局部刷新, 只能页面刷新了
问题所述a标签的url地址传值, 实际上应该是在onclick事件中, 调用jquery的ajax方法
在ajax方法中通过请求url来传值获取动态刷新的数据, 在回调中实现页面内容的局部刷新
另, 一般用a标签来做js操作是为了要a标签的鼠标效果, 这一点可以用一个label或者span加上一个cursor:pointer;的样式来代替(不要写cursor:hand; 只有IE才认这个样式), 再配以onclick事件就可以了
搞定了吗?没有的话可以参考下代码
前台:
input type="text" id="txtValue" value="11" /
a href="javascript:select()"select/a
script language="javascript" type="text/javascript"
function select()
{
var name=$("#txtValue").val();
ajaxAddValues(name);
}
function ajaxAddValues(name){
$.ajax({
type: "POST",
url:"Index.aspx",
dataType:"json",
data: {"name": name},
success: function(data){
alert('已查询!');
}
});
}
/script
后台:
if (Request["name"]!=null)
{
string name=Request["name"].ToString();
string sql="select * from tables where t_name like '%"+name+"%'";
if (db.insertOrUpdateOrSelect(sql) != -1)
{
Response.Write("1");
Response.End();
}
else
{
Response.Write("0");
Response.End();
}
}
public int insertOrUpdateOrSelect(string sql)
{
int eccf = -1;
SqlConnection conn = Database.createConn();
SqlCommand cmd = null;
try
{
conn.Open();
cmd = new SqlCommand(sql, conn);
eccf = cmd.ExecuteNonQuery();
return eccf;
}
finally
{
conn.Close();
}
}
分两步:
第一步,使用jquery的ajax技术,将数据读入。相关的函数有$.ajax(), $.get(), $.post()$.load() 等函数。使用方法请百度一下,教程非常多。
第二步,将读入的数据使用jquer的选择器比如$("#divid").html("这里放入数据"),也可以用$.text(),具体区别请参考$.html()和$.text()的使用方法。
另外,jquer还支持读取json数据和script数据,可以将读取的数据直接使用或者执行。具体根据你的需要改变。
div class="main_left_content"/div这个加个id,为
div class="main_left_content" id="main_left_content"/div
因为你在上面调用的都是基于id的,当然你也可以改为
$(".main_left_content").load("discuss.html");
$(".main_left_content").load("index.html");