摘要：前后端分离的优势 网页的渲染过程 – 服务器端渲染 ~ 网页的渲染过程 – 前后端分离 ~ HTTP的组成 HTTP的版本 HTTP的请求方式 HTTP Request Header（一） HTTP Request Header（二） HTTP Response响应状态码 https://devel
阅读全文
摘要：return false：阻止默认行为，取消事件冒泡，以及停止回调执行，立即返回。 return false：返回错误的处理结果，终止处理，阻止提交表单，阻止执行默认的行为。 1. Javascript的返回值 Javascript中的返回值总共分为四类： return; return false;
阅读全文
摘要：【演示跨域问题.html】 jsonp JSONP：JSON with Padding，可用于解决主流浏览器的跨域数据访问的问题。 原理：服务端返回一个预先定义好的javascript函数的调用，并且将服务器的数据以该函数参数的形式传递过来，这个方法需要前后端配合。 标签是不受同源策略的限制的，它可
阅读全文
摘要：不同源，则跨域 同源策略的基本概念 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 同源策略：最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。 现在浏览器的所谓"同源"指的是"三个相同": 举例来说， 这个网址，协议
阅读全文
摘要：XMLHttpRequest是一个javascript内置对象，使得Javascript可以进行异步的HTTP通信。2008年2月，就提出了XMLHttpRequest Level 2 草案。 老版本的XMLHttpRequest的缺点： 新版本的功能： 注意：我们现在使用new XMLHttpRe
阅读全文
摘要：是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。 为什么要使用模板引擎 我们通过ajax获取到数据后，需要把数据渲染到页面，在学习模板引擎前，我们的做法是大量的拼接字符串，对于结构简单的页面，这么做还行，但是如果页面结构很复
阅读全文
摘要：jQuery为我们提供了更强大的Ajax封装 $.ajax 参数列表 | 参数名称 | 描述 | 取值 | 示例 | | | | | | | url | 接口地址 | | url:"02.php" | | type | 请求方式 | get/post | type:"get" | | timeout
阅读全文
摘要：前后端分离 我们使用php动态渲染页面时，有很多比较麻烦的地方。 在前端写好页面以后，需要后台进行修改，意味这后端程序员也需要懂前端的知识，其实渲染的工作应该交给前端来做。 前端没有写好页面的话，后端无法开始工作，需要等待前端的页面完成之后才能开始工作，拖延项目 的进度。 在客户端设备多元化的情
阅读全文
摘要：JSON数据 JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript 规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。 + 数据在名称/值对中 + 数据由逗号分隔(最后一个健/值对不能带逗号) +
阅读全文
摘要：浏览器端只是负责用户的交互和数据的收集以及展示，真正的数据都是存储在服务器端的。我们现在通过ajax的确可以返回一些简单的数据（一个字符串），但是在实际开发过程中，肯定会会设计到大量的复杂类型的数据传输，比如数组、对象等，但是每个编程语言的语法都不一样。因此我们会采用通过的数据交换格式（XML、JS
阅读全文
摘要：发送get请求 XMLHttpRequest以异步的方式发送HTTP请求，因此在发送请求时，一样需要遵循HTTP协议。 + get请求, 设置请求行时, 需要把参数列表拼接到url后面 + get请求不用设置请求头 + get请求的请求体为null 发送post请求 + post必须设置请求头中的c
阅读全文
摘要：Ajax引言 AJAX技术 即 Asynchronous Javascript And XML，AJAX 不是一门的新的语言，而是对现有持术的综合利用。 + 本质：是在HTTP协议的基础上，通过js的XMLHttpRequest对象与服务器进行通信。 + 作用：可以在页面不刷新的情况下，请求服务器，
阅读全文
摘要：01.$.ajax方法基本使用.html 02.$.ajax方法传递请求参数.html 03.beforeSend方法的说明.html serialize()，serializeArray()
阅读全文
摘要：09.实现跨域登录功能.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现跨域功能</title> <link rel="stylesheet" href="/assets/bootstrap/d
阅读全文
浙公网安备 33010602011771号