异步——填写表单时,页面当时就把数据发送到服务器(发送请求),服务器处理响应,把结果发给页面,过程中不不要重新加载页面,填写的错误会实时显示,不会有任何的等待 XMLHttpRequest对象——可以用于后台和服务器交换数据...+ }else{ request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 } HTTP请求:计算机通过网络进行通信的规则,使浏览器从WEB...HTTP请求过程: 1 建立TCP连接; 2 Web浏览器向Web服务器发送请求命令 3 浏览器发送请求头信息 4 服务器应答 5 服务器发送应答头信息 6 服务器向浏览器发送数据 7 服务器关闭TCP...(添加在书签里的页面今后也能使用)(幂等) POST:发送信息,修改服务器资源,不可见,嵌入HTTP请求体中,发送信息的数量无限制,常用新建修改删除等操作。...php //设置页面内容是html编码格式是utf-8 header("Content-Type: text/plain;charset=utf-8"); //header("Content-Type
一般都会有一个“检查是否已被占用”链接,用户点击链接后,浏览器打开一个新页面,向服务器发送一个请求,在数据库里咨询看用户名是否已存在,得到结果后返回到页面里提示用户。...比如在QQ上,A向B发送一个数字,一个字母或一句话,来告诉B某些信息。但是数字、字符串很好传递,有些对象却并不那么容易传递,比如数组。我们怎么把一个数组对象通过QQ发送给别人? ...有些人就说,这很简单啊,在php里,不就是“array(1=>'a',2=>'b',3=>'C');”我就把这个字符串给B发送过去,B一看就知道数组是怎么构成的了。...对,其实这就是一种数据交换格式,不过这仅仅是php里定义数组的语法,如果B不懂php,他也许就看不懂你给他发送是这个是什么意思。 所以就诞生了json和xml两种通用的数据交换格式。...大家可以试想,假如图书馆有个图书检索系统,用户向服务器请求书名,服务器查询数据库后把所有符合条件图书信息做成一个二维数组,再用json形式发送给浏览器,Jquery把他们美化后输出,过程并不复杂。
JS可以对页面上的所有现有事件作出反应。 JS可以在页面中创建新的事件,然后对所有这些事件作出反应。...Forms表单 到目前为止,我们只讨论从服务器获取数据。表单是HTML的另一个方面,它允许我们向服务器发送信息。我们可以使用表单更新现有信息或添加新信息。...该脚本还可以进行处理,可以从获取服务器日期和时间,也可以是基于从另一个表或web服务检索的值来计算字段。 另一个注意事项:脚本也可以执行验证,也称为服务器端验证,以确保数据是有效的。...为了克服这种无状态性,客户需要在每个请求中发送额外的信息,以在多个请求期间保留会话信息。这些额外的信息存储在cookie的客户端,在会话的服务器端。 会话是一个数组变量,它存储跨多个页面使用的信息。...POST:向服务器提交表单数据,或者通过Ajax提交任何数据。 例如,当你在浏览器中输入google.com时,浏览器会将这个命令发送到google.com服务器。
「当然还有另一个目的就是」:做这个移动端简单的项目,主要是为了熟悉vue.js,从项目构建到完成目录,以及后台数据库的设计,后台逻辑的处理,全程由我自己一个人完成,这个项目历史大概有1个多月吧,虽然项目看起来很小.../lib/fastclick.js "> 注:必须在页面所有Element之前加载脚本文件先实例化fastclick ②在JS中添加fastclick的身体,推荐以下做法: if(...不能获取前台传过来post的数据 原因是 Content-Type类型设置为payload了 浅谈php接收POST数据的三种方式 在Web开发中,当用户使用浏览器向服务器POST提交数据时, 我们使用...以下是php接受POST数据的几种方式: 一.$_POST 方式接受数据 $_POST 方式是由通过HTTP的POST方法传递过来的数据组成的数组, 是一个自动全局变量....user_id: int 用户id, id: int 数据插入的id } 记账页面AddInfo.vue request 请求 { date: string 日期, morning: string
就是利用JS来无刷新与后端交互,通过get和post方式把数据发送到后端,或者请求后端的数据,然后根据请求的数据进行改变DOM节点等操作,从而取消掉用form的submit方式一提交就会跳转页面的情况,...像在创建账号的时候检测此用户名是否存在就是一个典型的案例,本文讲从原生JS和jQuery方面介绍AJAX的实现,跨域问题暂且不表。..." + data + "\nStatus: " + status); }); 参数通过URL传递 有缓存 2.POST 与get()方法相比,post()方法多用于以POST方式向服务器发送数据...,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) $.post("demo_test.php",{ num...直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 3.ajax 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值
php,基础,流程控制,函数,字符串,数组,web交互,mysql数据库,PHP数据库编程,cookie与session,日期和时间,图形图形处理,文件和目录处理,面向对象,pdo数据库抽象层,smarty...PHP代码传给PHP包,请求PHP包进行解析并编译,服务器根据PHP代码请求进行读取数据库,解析后的代码发送给浏览器。...mysql_fetch_row 从结果集中获取一行作为枚举数组 mysql_num_rows 获取结果集中行的数目 mysql_query 发送一条sql查询 mysql_select_db...> 数据库函数库 count统计数组中元素的个数 array_push向数组中添加元素 array_pop获取并返回数组中的最后一个元素 array_unique删除数组中重复的元素 array_keys...arsort 对数组进行逆向排序 asort 对数组进行排序 in_array 在数组中搜索某个值 count()对数组中的元素个数进行统计 array_push()函数可以向数组中添加元素 strlen
学生管理系统2.0基本功能 基本功能 添加学生功能 展示学生列表功能 删除学生功能 查看学生详情 更新学生数据 实现思路 注册功能思路: 表单设计,点击提交按钮向服务器提交表单数据 在后台获取表单提交的数据...arr) 遍历二维数组,将数组中数据渲染到页面中 删除功能思路: 获取要删除数据的id 根据id删除数据库中指定的数据 删除完毕,返回列表页 详情展示功能 获取要查看详情数据的id 根据id通过联合查询...进行操作 cookie 允许服务器脚本(PHP脚本)在浏览器端存储数据 cookie特点:在cookie中数据设置后,浏览器再次请求服务器指定页面时,会自动携带cookie中的数据到服务器,在服务器中可以获取...'pwd=123'; // 获取cookie中的值 document.cookie; jquery.cookie.js插件 操作cookie //向页面中引入插件js文件,基于jquery的 $....sessionID 将来浏览器端根据响应头, 将sessionId 存到 cookie 中, 并在下一次请求时携带 下次访问时, 服务器端就会根据 sessionId 找到该用户的会话文件, 我们可以从session
php文件 --help\zh_cn:各功能的帮助文件 *.xml文件 --images:后台页面用图片 --includes:后台公用文件和函数 --js:后台用js脚本...从个人偏好角度看,我建议大家使用UTF-8的为好。...┣ pick_out.php 选购中心 ┣ receive.php 处理收回确认的页面 ┣ region.php 地区切换程序 ┣ respond.php 支付响应页面 ┣ robots.txt..., time =NULL) P: 将GMT时间戳格式化为用户自定义时区日期 gmstr2time(timestamp =NULL) P: 获得用户所在时区指定的日期和时间信息 lib_base.php...(arr, type ='category') P: 根据提供的数组编译成页面标题 build_urhere(arr, type ='category') P: 根据提供的数组编译成当前位置 assign_dynamic
php函数参数 通过参数向函数传递信息,参数类似于变量 逗号隔开参数 数组 何时使用 GET 方法从表单发送的信息对任何人都是可见的(所有变量名和值都显示在 URL 中)。...GET可以看见注入点(发送的信息的变量名) POST 方法从表单发送的信息对其他人是不可见的(所有名称/值会被嵌入 HTTP 请求的主体中)并且对所发送信息的数量也无限制。...创建上传脚本 upload_file.php文件含有供文件上传的代码 通过使用PHP的全局数组$_FILE,可以从客户端计算机向远程服务器上传文件 $_FILES 第一个参数是input name 第二个下标可以是...$_SERVER[“PHP_SELF”]将表单数据发送到页面本身,而不是跳转到另一张页面,这样用户就能在表单页面获得错误提示信息 表单验证 验证名字 检查name字段是否包含字母和空格,如果name字段无效
注意坑: 1.pjax必须包含使用到的所有js,也就是在页面中被应用到的pjax,都要被包含,否则js会在第一次执行pjax后失效 试图层 use yii\widgets\Pjax; 可以不显示刷新效果 案例: Pjax是JQuery的插件,结合ajax和Html5的pushState技术来实现异步刷新,每次通过a标签点击和form表单提交向服务器发送一个指定的请求之后,服务器都会返回需要更新的内容...,Pjax会更新老旧内容以及向浏览记录中加入一条新的url而不需要更新刷新整个页面。...php Pjax::end()?> 所有被包裹在Pjax widget中的a标签和form都会发送一个Pjax请求....=Html::a("显示日期", ['site/date'], ['class' => 'btn btn-primary'])?> 显示的数据为: <?
利用XSS漏洞,我们可以在网页中插入恶意js代码,通过js代码,我们可以干很多事情,例如伪造一个登陆页面。...首先,利用 header() 函数,我们可以向客户端浏览器发送 Authentication Required 信息,使其弹出一个用户名/密码输入窗口。...这三个预定义变量会被保存在 $_SERVER 数组中,我们再通过Get方法,将用户名、密码传递给record.php页面,等待下一步处理。 尝试访问一下这个页面,弹出登录框: ?...输入账号、密码123/123,点击确定后,会通过GET方式发送给record.php: ? 这样,我们的登陆窗口页面就完成了,接下来编写记录页面。...Part.3 用户信息记录 record.php 伪造的登陆界面,会把用户名、密码信息发送给record.php页面。 通过该页面,我们将用户名、密码保存到攻击者服务器本地,代码如下: ?
前言 我们使用php动态渲染页面时,有很多比较麻烦的地方。 在前端写好页面以后,需要后台进行修改,意味这后端程序员也需要懂前端的知识,其实渲染的工作应该交给前端来做。...处理json php关联数组 ==> json ( json_encode ) // php的关联数组 $obj = array( "a" => "hello", "b" => "world...对象 var obj = JSON.parse(json);// {a: 'Hello', b: 'World'} 使用json进行数据传输 思考: js有一个对象,如何发送到php后台 php...获取短信验证码 需求文档(产品) 总需求:点击获取验证码按钮,向服务端发送请求, 调用服务器端短信接口, 服务器端根据传参, 调用第三方短信接口, 给手机发送验证码 需求1:格式校验 (1) 手机号码不能为空...dataType:'json', success:function (info) { console.log(info); } }); 需求文档 注册功能 总需求:点击注册按钮,向服务端发送请求
html文档中定义了简单的表单页面信息: action属性定义了处理该表单的php文件并以post传输表单 在表单中,input、table、tr、td等标签都有使用, style属性可以在标签中设置样式...php echo "表单处理页面"; echo "系统提示:提交正常!..."; echo "".date('H:i, js F Y')."..."; // date:php中的时间和日期函数,调用该函数可以获取时间和日期 # 处理表单数据:tireqty oilqty sparkqty $Tire = $_POST["tireqty...cookie) $_SESSION: 会话变量数组 变量函数的简单认识: 测试和设置变量类型: PHP中有两个最常见的函数: gettype()函数: 确定变量的类型并返回一个包含类型名称的字符串
通过XMLHttpRequest实现的Ajax请求,不能向不同的域提交请求,例如,在abc.example.com下的页面,不能向def.example.com提交Ajax请求。...利用在页面中创建节点的方法向不同域提交HTTP请求的方法称为JSONP,这项技术可以解决跨域提交Ajax请求的问题。...假设在http://example1.com/index.php这个页面中向http://example2.com/getinfo.php提交GET请求,我们可以将下面的JavaScript代码放在http...://example2.com/getinfo.php返回时,可以返回一段JavaScript代码,这段代码会自动执行,可以用来负责调用http://example1.com/index.php页面中的一个...就会通过回调方法动态加载调用这个js tag:jsonp1236827957501(json数组); 这样就达到了跨域数据交换的目的。
Vue中的网络请求 在Vue.js中发送网络请求本质还是ajax,我们可以使用插件方便操作。...vue-resource: Vue.js的插件,已经不维护,不推荐使用 axios :不是vue的插件,可以在任何地方使用,推荐 说明: 既可以在浏览器端又可以在node.js中使用的发送http请求的库...搜索商品功能 输入框自动聚焦 日期格式处理 说明:表格中的日期格式需要处理, 这里使用moment包 分析:把日期数据进行格式处理,将处理后的日期渲染到页面中->过滤器 安装/引入moment...将页面中遍历items数组替换为计算属性返回的数组 数组 // filter返回满足条件的数组 return this.items.filter((item)
反射型XSS 反射型XSS会把用户输入的数据直接返回给页面,是一种非持久型攻击;这类型的xss是最为常见的,主要的利用方法就是恶意脚本添加到参数(URL)发送给用户诱骗用户点击后反射数据给页面。...结果发现:我们在输入text框中写入了一个Js代码,代码直接被执行并嵌入在HTML页面中;众所周知,Js代码和HTML代码直接暴露在客户端,一旦写入的Js代码可以被执行并嵌入在HTML页面中即视为存在XSS...恶意利用 我们通过向受害者发送如下的恶意URL就可以实现在用户客户端执行该恶意js脚本; http://127.0.0.1/xss/xss.php?...这样的xss构造语句会向测试区域发送恶意的构造标签实现攻击目的 ? ?...Cookie文件;Value为/表示Web服务器中所有页面都可以获取Cookie文件;如果缺省,Path的Value则是Web服务器向客户端发送Cookie的URL; Secure Cookie中标明变量
前言 websocket 作为 HTML5 里一个新的特性一直很受人关注,因为它真的非常酷,打破了 http “请求-响应”的常规思维,实现了服务器向客户端主动推送消息,本文介绍如何使用 PHP 和 JS...正文开始前,先贴一张聊天室的效果图(请不要在意CSS渣的页面): ?...页面功能 页面部分主要是让用户使用起来方便,这里给消息框 textarea 添加了一个键盘监控事件,当用户按下回车键时直接发送消息; function confirm(event) { var...后来忽然想到 js 的单线程阻塞机制,才明白使用 sleep 一直阻塞也是没有用的,利用好 js 的事件机制才是正道:于是在服务器端添加逻辑,在握手成功后,向客户端发送握手已成功的消息;客户端先将用户名存入一个全局变量...小结 聊天室扩展方向 简易聊天室已经完成,当然还要给它带有希望的美好未来,希望有人去实现: 页面美化(信息添加颜色等) 服务器识别 '@' 字符而只向某一个 socket 写数据实现聊天室的私聊; 多进程
(1).优化数据库 (2).优化php (3).优化web服务器(apache/nginx) (4).网速 (5).传输数据 (6).浏览器解析速度(html/css/js) 下面从http请求和响应角度考虑相关优化... E.kk = '1.php' 18.Ajax常用对象和属性事件方法 (1).xhr对象:向web服务器发送请求,并接收返回响应消息 var xhr = new XMLHttpRequest...:application/json;charset=utf-8"); ②.str = json_encode(arr); json_encode会将一个数组转换成json字符串,如果是PHP关联数组会转换为...);将json字符串转换为js对象或数组 ②.var str=‘{“ename”:”Tom”,”age”:20}’; eval(‘(‘+str+’)’) obj=>js数组 obj=>js对象 26...29.面试题:我们公司项目很大,页面很多,出于性能考虑,把静态资源(html等)放在http://static.tmooc.cn服务器上了,把动态资源(php)放在http://dynamic.tmooc.cn
MVVM 实现MVVM设计思想的框架,基本上都完成对DOM功能的极限封装,开发者几乎不用操作js-dom就可以完成页面的数据的关联交换。...vue的核心语法库通过地址下载vue核心语法包 https://cdn.jsdelivr.net/npm/vue/dist/vue.js 使用npm进行vue语法库的下载 页面在vue库 js/vue.js"> 页面装载vue核心语法后,会在浏览器window对象中提供一个全局的构造方法vue vue函数为一个js的对象构造器,使用时需要通过new关键字进行vue对象创建...正则表达式行定位符单词定界符字符类选择符范围符排除符限定符任意字符转义字符反斜杠小括号反向引用模式修饰符使用 PCRE 扩展正则表达式函数数组过滤执行一次匹配执行所有匹配转义字符查找替换高级查找替换分隔字符串...PHP 数字操作函数PHP 日期时间操作函数PHP 数组操作函数PHP 文件系统处理PHP 图形图像处理PHP 与 WEB 页面交互PHP 面向对象程序设计PHP 操作数据库 mysql配置mysql
- 一、教程 js是一种轻量级的编程语言,可插入html页面中,并由浏览器执行。...JS是现代浏览器以及HTML5中的默认脚本。 // 向html中,输入文本 document.write("This is a heading....var carname; // carname的值将是 undefined (6)数据类型 字符串,数字,布尔,数组,对象,Null,Undefined JS拥有动态类型...中所有事物都是对象:字符串,数字,数组,日期等待 在JS中,对象时拥有属性和方法的数据。...// 特殊字符,转义 '\' (4)Date 日期 new Date(); (5)Array 数组, Boolean 布尔, Math 算术, RegExp 对象 // 数组 var
领取专属 10元无门槛券
手把手带您无忧上云