【无刷新提交,不使用Ajax】

(方法一:204)

原理:利用 204 No Content 状态码,当浏览器收到204时,执行PHP,页面不跳转。

jQuery笔记03-Ajax

(方法二:用JS实现)

jQuery笔记03-Ajax

(方法三:用iframe实现)

jQuery笔记03-Ajax

 

jQuery笔记03-Ajax

(1)如何创建XHR对象

jQuery笔记03-Ajax

(2)如何利用XHR发送HTTP请求?

jQuery笔记03-Ajax

jQuery笔记03-Ajax

 

jQuery笔记03-Ajax

jQuery笔记03-Ajax

【Ajax不刷新完成注册,POST提交】

jQuery笔记03-Ajax

【后来补充】

XMLHttpRequest对象按照执行脚本浏览器的不同,分为两种创建方式:

jQuery笔记03-Ajax

(代码6.3-ajax.php) 体验XMLHttpRequest:

备注:readyState的描述:

jQuery笔记03-Ajax

jQuery笔记03-Ajax

8.Xajax是一个开源的PHP运行库,工作原理如下:

jQuery笔记03-Ajax

(代码6.4-xajax.php)

jQuery笔记03-Ajax

以上代码的执行流程如下:

jQuery笔记03-Ajax

9.Ajax实战——使用Ajax进行动态分页 (代码:6.5-ajax_page.php)

jQuery笔记03-Ajax

10.Xajax实战——登录验证 (代码:6.6-xajax_login.php)

jQuery笔记03-Ajax

【代码】https://github.com/rxbook/study-jquery-2/tree/master/JQ03-Ajax

相关文章: