首页 文章 精选 留言 我的

精选列表

搜索[代码生成],共10000篇文章
优秀的个人博客,低调大师

Ajax完整资料加代码

什么是Ajax? 答:Ajax是一种无需加载整个网页,就能够更新部分网页,与后台交互的技术。 Ajax的优点? 答:能够在不更新整个页面的前提下,维护数据。这使得Web程序可以更快速的回应用户的动作,而无需加载不必要的数据。 Ajax的缺点? 答:可能会破坏浏览器的后退和加入收藏书签等功能。 Ajax实现原理? 答:在浏览器中,提供了一个javascript的核心类--XMLHttpRequest,该类提供的方法可以帮我们发送HTTP请求,并接收Server的响应。 Ajax学习对象? 答:学习XMLHttpRequest核心类的属性和方法。 案例一:Ajax之GET demo1.html <!DOCTYPE html> <html lang="zh" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <p> 用户名:<input type="text" name="name" value=""><span id='rep'></span> </p> </body> <script> //获取DOM对象 var ipt = document.getElementsByName('name')[0]; ipt.onblur = function(){ var xhr = new XMLHttpRequest(); xhr.open('get','demo1.php?name='+ipt.value,true); console.log(ipt.value); xhr.send(null); var sp = document.getElementById('rep'); xhr.onreadystatechange = function(){ //判断请求状态 if(this.readyState == 4){ if(this.responseText == 1) { sp.innerHTML = 'Yes'; } else { sp.innerHTML = 'No'; } } } } </script> </html> demo1.php <?php if($_GET['name'] == 'jack') { echo 1; } else { echo 0; } ?> 案例二:Ajax之POST demo2.html <!DOCTYPE html> <html lang="zh" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <p> 用户名:<input type="text" name="name" value=""><span id='rep'></span> </p> </body> <script> //获取DOM对象 var ipt = document.getElementsByName('name')[0]; ipt.onblur = function(){ var xhr = new XMLHttpRequest(); xhr.open('post','demo4.php',true); xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); var data = 'name='+this.value; xhr.send(data); var sp = document.getElementById('rep'); xhr.onreadystatechange = function(){ //判断请求状态 if(this.readyState == 4){ if(this.responseText == 1) { sp.innerHTML = 'Yes'; } else { sp.innerHTML = 'No'; } } } } </script> </html> demo2.php <?php if($_POST['name'] == 'jack') { echo 1; } else { echo 0; } ?> 案例三 jQuery之Ajax实现方法 demo3.html <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./jq.js"></script> </head> <body> <input type="text" name="name" value="" /> </body> </html> <script type="text/javascript"> $('input:text').mouseout(function(){ var data ={ 'name':this.value } console.log(data); $.POST/GET('demo3.php',data,function(res){ if(res == 1) { console.log('Yes'); } else { console.log('No'); } }); }); </script> ?> demo3.php <?php echo $_GET/POST['name'] =='jack'?1:0; ?>

优秀的个人博客,低调大师

CSS 箭头和线条代码

2018年4月25日 /*箭头*/ div:before { position: absolute; top: 50%; right: 15px; margin-top: -4px; content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; -webkit-transform: matrix(.71,.71,-.71,.71,0,0); transform: matrix(.71,.71,-.71,.71,0,0); } /*线条*/ div:after { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(.5); transform: scaleX(.5); }

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册