Ajax
ajax是能够实现无刷新更新数据,提高网站交互的友好性
就是有点怕怕
这个作者很懒,什么都没留下…
展开
-
Jquery中的ajax
$.ajax() 的使用1.发送Ajax请求 <button id="btn">发送请求</button> <script src="/js/jquery.min.js"></script> <script> var params = {name: 'wangwu', age: 300} $('#btn').on('cli...原创 2020-03-20 16:43:19 · 132 阅读 · 0 评论 -
解决ajax 同源政策请求限制的三种方法
1.解决ajax请求限制我们知道同源政策是为了保证用户信息的安全,防止恶意的网站窃取数据。但有时候我们需要向非同源的服务器请求和响应数据,所有就需要解决ajax请求的限制。解决的方法有三种:Jsonp、CORS(跨域资源共享)、在服务器端绕过同源政策限制。以下默认服务器端口为80,非同源服务器端口为3000。2.方法一:Jsonp该方法将不同源的服务器端请求地址写在script标签的src属...原创 2020-03-04 16:28:47 · 908 阅读 · 1 评论 -
模板引擎在客户端的使用以及FormData在ajax中的使用
1.模板引擎众所周知模板引擎的作用是可以将数据和HTML拼接起来的。那么在客户端如何使用模板引擎将数据和HTML进行具体的拼接呢?具体步骤如下:下载 art-template 模板引擎库文件(template-web.js)并在 HTML 页面中引入库文件准备 art-template 模板告诉模板引擎将哪一个模板和哪个数据进行拼接将拼接好的html字符串添加到页面中通过模板语法告...原创 2020-03-03 17:50:40 · 193 阅读 · 0 评论 -
Ajax函数的封装
Ajax 函数的封装封装一个ajax 函数,每次调用ajax函数的时候只需要传递一个对象,对象中包含请求类型、请求地址、要传递的参数、content-type等等;当没有传递某些参数的时候,将使用某些默认值(函数中自定义默写默认值)。具体的函数封装如下:function Ajax(obj) { // 设置默认值 var defaults = { type: '...原创 2020-03-03 14:03:30 · 170 阅读 · 0 评论 -
Ajax的常见错误以及对应处理
Ajax的常见错误以及对应处理1. 网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。对应处理:判断http状态码,对其进行处理xhr.onload = function() { console.log(xhr.responseText); // console.log(xhr.status); // http状...原创 2020-02-28 23:18:12 · 514 阅读 · 0 评论 -
Ajax的基本使用
1. Ajax介绍Ajax 是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验。其常见的应用场景如下:页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表2. Ajax原理Ajax 相当于处在浏览器和客户端之间的接头人,传递浏览器与客户端之间的信息(发送请求以及接受响应),从而实现不刷新页面的情况下,局部更新页面的数据...原创 2020-02-28 22:36:54 · 123 阅读 · 0 评论