Ajax跨域请求与无刷新分页技术

一、Ajax跨域请求分为以下7种

1. load()请求数据
2. $.get()请求数据
3. $.post()请求数据
4. $.getJSON()请求JSON数据
5. $.ajax()请求数据
6. $.ajax()-jsonp-跨域请求数据
7. $.ajax()-jsonp-跨域请求数据

代码演示：

2. lang="en">
4. charset="UTF-8" />
5. name="viewport" content=" />
11. type="button">1.load()请求数据
12. type="button">2.$.get()请求数据
13. type="button">3.$.post()请求数据
14. type="button">4.$.getJSON()请求JSON数据
15. type="button">5.$.ajax()请求数据
16. type="button">6.$.ajax()-jsonp-跨域请求数据1
17. type="button">7.$.ajax()-jsonp-跨域请求数据2

输出效果：

二、Ajax无刷新分页技术
代码演示

2. lang="en">
4. charset="UTF-8" />
5. name="viewport" content=" />
11. 员工信息表

    id	姓名	年龄	性别	职位	手机号

输出效果：

三、总结
1.代码执行过程中，使用Chrome浏览器预览时Ajax请求出现“Method Not Allowed 405”错误，表格数据无法加载，而firefox浏览器显示正常。百度到的解决方法：
　　打开Chrome快捷方式的属性中设置：
　　右击Chrome浏览器快捷方式，选择“属性”，
　　在“目标”中加上”—allow-file-access-from-files”，注意前面有个空格，
　　重启Chrome浏览器便可。
2.写代码的过程中一定要添加注释，注释是后期进行数据维护的依据。