怎么修复网站死链,怎么给甲方做网站备案,重庆商城网站制作报价,h5 小米网站模板什么是Ajax#xff1f;答#xff1a;Ajax是一种无需加载整个网页#xff0c;就能够更新部分网页#xff0c;与后台交互的技术。Ajax的优点#xff1f;答#xff1a;能够在不更新整个页面的前提下#xff0c;维护数据。这使得Web程序可以更快速的回应用户的动作#xff… 什么是Ajax 答Ajax是一种无需加载整个网页就能够更新部分网页与后台交互的技术。 Ajax的优点 答能够在不更新整个页面的前提下维护数据。这使得Web程序可以更快速的回应用户的动作而无需加载不必要的数据。 Ajax的缺点 答可能会破坏浏览器的后退和加入收藏书签等功能。 Ajax实现原理 答在浏览器中提供了一个javascript的核心类--XMLHttpRequest该类提供的方法可以帮我们发送HTTP请求并接收Server的响应。 Ajax学习对象 答学习XMLHttpRequest核心类的属性和方法。 案例一Ajax之GET demo1.html!DOCTYPE html
html langzh dirltrheadmeta charsetutf-8title/title/headbodyp用户名:input typetext namename valuespan idrep/span/p/bodyscript//获取DOM对象var ipt document.getElementsByName(name)[0];ipt.onblur function(){var xhr new XMLHttpRequest();xhr.open(get,demo1.php?nameipt.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?phpif($_GET[name] jack) {echo 1;} else {echo 0;}?案例二Ajax之POST demo2.html!DOCTYPE html
html langzh dirltrheadmeta charsetutf-8title/title/headbodyp用户名:input typetext namename valuespan idrep/span/p/bodyscript//获取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 namethis.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
/htmldemo2.php?phpif($_POST[name] jack) {echo 1;} else {echo 0;}?案例三 jQuery之Ajax实现方法 demo3.html!DOCTYPE html
html langzh_CNheadmeta charsetutf-8title/titlescript typetext/javascript src./jq.js/script/headbodyinput typetext namename value //body
/html
script typetext/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 ?phpecho $_GET/POST[name] jack?1:0;
?
