当前位置: 欧洲杯竞猜 > 服务器运维 > 正文

jQuery页面刷新难点浅析_jquery_脚本之家,ajax央求

时间:2019-12-08 12:56来源:服务器运维
本文实例分两部分对jquery刷新问题进行介绍,第一部分介绍了呢页面局部刷新;第二部分介绍了页面全部刷新 第一:页面局部刷新 最简单的区别: jQuery对Ajax操作进行了封装,在jQuer

本文实例分两部分对jquery刷新问题进行介绍,第一部分介绍了呢页面局部刷新;第二部分介绍了页面全部刷新第一:页面局部刷新

最简单的区别:

jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是laod方法,第3层是$.getScript方法。重点分析load()方法通常用来从Web服务器上获取静态的数据文件.要传递一些参数给服务器中的页面,那么可以使用$.get方法$.ajax方法

1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来

load() Code //无参数传递,则是GET方式$.load{//......});//有参数传递,则是POST方式$.load("test.php",{name:"xht555",age:"24"},function;

2.使用Get请求发送数据量小,Post请求发送数据量大

简单说一下 post 与get 区别:

3.get请求需注意缓存问题,post请求不需担心这个问题

get:用get方式可传送简单数据(即:浏览器将各个表单字段元素及其数据按照URL参数的格式附加在url后面),但大小一般限制在1KB下;被客户端的浏览器缓存起来,不安全。

Get方式:

post:览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,

用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面。另外最重要的一点是,它会被客户端的浏览器缓存起来,那么,别人就可以从浏览器的历史记录中,读取到此客户的数据,比如帐号和密码等。因此,在某些情况下,get方法会带来严重的安全性问题。

一:GET方式传送数据量小,处理效率高,安全性低,会被缓存,而POST反之。

Post方式:

二:AJAX乱码问题 产生乱码的原因: 1、xtmlhttp 返回的数据默认的字符编码是utf-8,如果客户端页面是gb2312或者其它编码数据就会产生乱码 2、post方法提交数据默认的字符编码是utf-8,如果服务器端是gb2312或其他编码数据就会产生乱码

当使用POST方式时,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多。

解决办法有: 1、若客户端是gb2312编码,则在服务器指定输出流编码

欧洲杯竞猜,使用get方式需要注意:

2、服务器端和客户端都使用utf-8编码

1 对于get请求(或凡涉及到url传递参数的),被传递的参数都要先经encodeURIComponent方法处理.例:var url = "update.php?username=" encodeURIComponent(username) "&content=" encodeURIComponent

gb2312:header('Content-Type:text/html;charset=GB2312');

(content) "&id=1" ;
即get的传递参数需要拼接到url当中

utf8:header('Content-Type:text/html;charset=utf-8');

使用Post方式需注意:

注 意:如果你已经按上面的方法做了,还是返回乱码的话,检查你的方式是否为get,对于get请求,被传递的参数都要先经 encodeURIComponent方法处理.如果没有用encodeURIComponent处理的话,也会产生乱码

1.设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量.通常使用XmlHttpRequest对象的SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")。例:

$.post方式:$.click{ $.post( 'ajax_json.php', { username:$, age:$, sex:$, job:$ }, function  //回传函数 { var myjson=''; eval('myjson='   data   ';'); $.html("姓名:"   myjson.username   "
工作:"   myjson['job']); } ); });$.get方式:$.click{ $.get( 'ajax_json.php', { username:$, age:$, sex:$, job:$ }, function //回传函数 { var myjson=''; eval("myjson="   data   ";"); $.html("姓名:"   myjson.username   "
工作:"   myjson['job']); } );});});$.getJson(”Default.php”, {id:”1″, page: “2″ },function{//注意,这里返回的JSON数据格式,不同于xml.});

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
2.参数是名/值一一对应的键值对,每对值用&号隔开.如 var name=abc&sex=man&age=18,注意var name=update.php?

第二:页面全部刷新

abc&sex=man&age=18以及var name=?abc&sex=man&age=18的写法都是错误的;
3.参数在Send(参数)方法中发送,例: xmlHttp.send(name); 如果是get方式,直接 xmlHttp.send(null);

1 window.location.reload()刷新当前页面. 2 parent.location.reload 3 opener.location.reload 4 top.location.reload

4.服务器端请求参数区分Get与Post。如果是get方式则$username = $_GET["username"]; 如果是post方式,则$username = $_POST["username"];

以上就是本文的详细内容,希望对大家的学习有所帮助。

post的传递参数不需要拼接到url当中

get 方法用Request.QueryString["strName"]接收
post 方法用Request.Form["strName"] 接收

注意:
虽然两种提交方式可以统一用Request("strName")来获取提交数据,但是这样对程序效率有影响,不推荐使用。
一般来说,尽量避免使用Get方式提交表单,因为有可能会导致安全问题

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处理的话,也会产生乱码.

何时使用Get请求,何时使用Post请求

Get请求的目的是给予服务器一些参数,以便从服务器获取列表.例如:list.aspx?page=1,表示获取第一页的数据

Post请求的目的是向服务器发送一些参数,例如form中的内容.

下面使用实例来表示Get请求和Post请求在发送同一段数据时的区别.

与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。

然而,在以下情况中,请使用 POST 请求:

无法使用缓存文件(更新服务器上的文件或数据库)
向服务器发送大量数据(POST 没有数据量限制)
发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

您可能感兴趣的文章:

  • ajax请求get与post的区别总结
  • Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
  • Jquery AJAX POST与GET之间的区别
  • jquery中get,post和ajax方法的使用小结
  • jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
  • jQuery中Ajax的get、post等方法详解
  • Jquery中ajax提交表单几种方法(get、post两种方法)
  • 如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别
  • jQuery Ajax 实例详解 ($.ajax、$.post、$.get)
  • 探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识
  • jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
  • 原生 JS Ajax,GET和POST 请求实例代码
  • 在Ajax中使用get和post所遇到的问题及解决办法

编辑:服务器运维 本文来源:jQuery页面刷新难点浅析_jquery_脚本之家,ajax央求

关键词: 欧洲杯竞猜