随笔分类 - Ajax
摘要：浅绿色为原生js代码 淡黄色为jQuery封装的函数 $.ajax({ method: 'post', url: '/ajaxUploadFile', data: form, processData: false, contentType: false, success: function (res
阅读全文
摘要：JSONP代码优化1、客户端需要将函数名称传递到服务器端2、将script请求的发送变为动态请求 3000端口的.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>03使用jsonp向非同源服务器请求
阅读全文
摘要：Ajax请求限制 Ajax只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站，A网站中的HTML文件只能向A网站服务器中发送Ajax请求，B网站中的HTML文件只能向B网站中发送Ajax请求，但是A网站是不能向B网站发送Ajax请求的，同理，B网站也不能向A网站发送Ajax请求 什么是同
阅读全文
摘要：*FormData二进制文件上传<input type="file" name="file"/> var file=document.getElementById('file'); //当用户选择文件的时候 file.onchange=function(){ //创建空表单对象 var formda
阅读全文
摘要：FormData 对象的实例方法1、获取表单对象中属性的值 formData.get('key'); 2、设置表单对象中属性的值 formData.set('key','value'); 3、删除表单对象中的属性的值 formDaata.delete('key'); 4、向表单对象中追加属性值 fo
阅读全文
摘要：FormData对象的作用1、模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式。2、异步上传二进制文件。 FormData 对象的使用1、准备HTML表单<form id="form"> <input type="text" name="usernam
阅读全文
摘要：红色为：引入的框架或模块 天蓝色为：tamplate模块 淡黄色为：tamplate语法 淡绿色为：获取html中的元素 淡橙色为：使用tamplate函数传值（返回模板数据），并将数据拼接到html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta chars
阅读全文
摘要：json格式 外面是大括号括起来 { } 里面是键值对的形式，以冒号隔开 : 每个键值对之间用逗号隔开 , 注意，这些符号都是再英文的状态下输入的 注意，最后一个键值对的后面没有逗号 ， 1 ajax({ 2 type:'get', 3 url:'http://localhost:3000/citi
阅读全文
摘要：接口文档： .html文件： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>搜索框内容自动提示</title> 6 <link rel="stylesheet" type="text/css" href="
阅读全文
摘要：此案例有用到bootstrap前端框架，还引用了上个博客写到的ajax封装函数 .html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>验证邮箱地址是否已经注册</title> 6 <link rel="
阅读全文
摘要：使用options对象中的属性覆盖defaults对象中的属性 Object.assign(defaults,defaults ); .html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title
阅读全文
摘要：返回给客户端的是json字符串 .html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <script type="text/javascrip
阅读全文
摘要：问题：发送一次请求代码过多，发送多次请求代码冗余且重复。解决方案：将请求代码封装到函数中，发请求时调用函数即可。ajax({ type:'get', url:'http://localhost:3000/first', sucess:function(data){ console.log(data)
阅读全文
摘要：同步异步概念同步：一个人同一时间只能做一件事情，只有一件事做完，才能做另外一件事情。落实到代码中，就是上一行代码执行完成后，才能执行下一行代码，即代码逐行执行。 异步：一个人一件事做了一半，转而去做其他事情，当其他事情做完以后，再回过头来继续做之前未完成的事情落实到代码上，就是异步代码虽然需要花费时
阅读全文
摘要：低版本IE浏览器的缓存问题：在低版本的IE浏览器中，Ajax请求有严重的缓存问题，即在请求地址不发生变化的情况下，只有第一次请求会真正发送到服务器端，后续的请求都会从浏览器的缓存中获取结果，即使服务器端的数据更新了，客户端依然拿到的是缓存中的旧数据。 解决方案： 在请求地址的后面加请求参数，保证每一
阅读全文
摘要：http状态码：1、网络畅通，服务器端能接收到请求，服务器返回的结果不是预期结果。可以判断服务器端返回的状态码，分别进行处理。xhr.status获取http状态码 2、网络畅通，服务器端没有接收到请求，返回404状态码检查请求地址是否错误。 3、网络畅通，服务器端能接收请求，服务器端返回500状态
阅读全文
摘要：Ajax状态码在创建ajax对象，配置ajax对象，发送请求，以及接收完服务器端响应数据，这个过程中的每个步骤都会对应一个数值，这个数值就是ajax状态码。0：请求未初始化（还没有调用open()）1：请求已经建立，但是还没有发送（还没有调用send()）2：请求已经发送3：请求正在处理中，通常响应
阅读全文
摘要：POST请求方式2:application/JSON{name:'zhangsan',age:'20'}在请求头中指定Content-Type属性的值是application/json,告诉服务器当前请求参数的格式是json.JSON.stringify()//将json对象转换为json字符串 .
阅读全文
摘要：POST请求方式1:application/x-www-form-urlencodedname=zhangsan&age=20 xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')xhr.send('name
阅读全文
摘要：请求参数传递传统网站表单提交<form method="get" action="http://www.example.com"> <input type="text" name="username"/> <input type="password" name="password"/></form>
阅读全文
