您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jQuery页面刷新(局部、全部)问题分析_jquery

2024/3/16 18:08:26发布15次查看
本文实例分两部分对jquery刷新问题进行介绍,第一部分介绍了呢页面局部刷新;第二部分介绍了页面全部刷新
第一:页面局部刷新
jquery对ajax操作进行了封装,在jquery中$.ajax()方法属于最底层的方法,第2层是laod()、$.get()和$.post()方法,第3层是$.getscript()和$.getjson()方法。
重点分析load()方法通常用来从web服务器上获取静态的数据文件.要传递一些参数给服务器中的页面,那么可以使用$.get()或者$.post()方法$.ajax方法
load() code //无参数传递,则是get方式$(#restext).load(test.php,function(){//......});//有参数传递,则是post方式$(#restext).load(test.php,{name:xht555,age:24},function(){//......});
简单说一下 post 与get 区别:
get:用get方式可传送简单数据(即:浏览器将各个表单字段元素及其数据按照url参数的格式附加在url后面),但大小一般限制在1kb下;被客户端的浏览器缓存起来,不安全。
post:览器把各表单字段元素及其数据作为http消息的实体内容发送给web服务器,而不是作为url地址的参数进行传递,
总结:
一:get方式传送数据量小,处理效率高,安全性低,会被缓存,而post反之。 
二:ajax乱码问题
产生乱码的原因:
1、xtmlhttp 返回的数据默认的字符编码是utf-8,如果客户端页面是gb2312或者其它编码数据就会产生乱码
2、post方法提交数据默认的字符编码是utf-8,如果服务器端是gb2312或其他编码数据就会产生乱码
解决办法有:
1、若客户端是gb2312编码,则在服务器指定输出流编码
2、服务器端和客户端都使用utf-8编码
gb2312:header('content-type:text/html;charset=gb2312');
utf8:header('content-type:text/html;charset=utf-8');
注 意:如果你已经按上面的方法做了,还是返回乱码的话,检查你的方式是否为get,对于get请求(或凡涉及到url传递参数的),被传递的参数都要先经 encodeuricomponent方法处理.如果没有用encodeuricomponent处理的话,也会产生乱码 
$.post() code //$.post()方式:$('#test_post').click(function (){ $.post( 'ajax_json.php', { username:$('#input1').val(), age:$('#input2').val(), sex:$('#input3').val(), job:$('#input4').val() }, function (data) //回传函数 { var myjson=''; eval('myjson=' + data + ';'); $('#result').html(姓名: + myjson.username +
工作: + myjson['job']); } ); });$.get() code //$.get()方式:$('#test_get').click(function (){ $.get( 'ajax_json.php', { username:$(#input1).val(), age:$(#input2).val(), sex:$(#input3).val(), job:$(#input4).val() }, function(data) //回传函数 { var myjson=''; eval(myjson= + data + ;); $('#result').html(姓名: + myjson.username +
工作: + myjson['job']); } );});});$.getjson(”default.php”, {id:”1″, page: “2″ },function(data){//注意,这里返回的json数据格式,不同于xml.});
第二:页面全部刷新
1 window.location.reload()刷新当前页面.
2 parent.location.reload()刷新父亲对象(用于框架)
3 opener.location.reload()刷新父窗口对象(用于单开窗口)
4 top.location.reload()刷新最顶端对象(用于多开窗口)以上就是本文的详细内容,希望对大家的学习有所帮助。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product