《PHP编程：AJAX的使用方法详解》要点：
本文介绍了PHP编程：AJAX的使用方法详解，希望对您有用。如果有疑问，可以联系我们。
PHP编程AJAX作为异步传输,局部刷新非常方便,用处很广!
PHP编程首先,对于AJAX的使用有4步：
PHP编程1.创建AJAX对象
PHP编程var xmlHttp = new XMLHttpRequest();
PHP编程2.建立连接 (‘提交方式',‘Url地址')
PHP编程xmlHttp.open('get','./AJAX_XML.xml');
PHP编程3.判断ajax准备状态及状态码
PHP编程
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState==4 && xmlHttp.status==200) {
}
}
PHP编程4.发送请求
PHP编程xmlHttp.send(null); //get方式参数为null,post方式,参数为提交的参数
PHP编程以下以异步提交用户名(输入用户名之后,异步提交后台判断,前台立马提示是否已注册,不用提交时再判断!)
PHP编程GET方式提交
PHP编程xx.html
PHP编程
<script type="text/javascript">
window.onload=function(){
document.getElementById('username').onblur=function(){
var name=document.getElementById('username').value;
var req=new XMLHttpRequest();
req.open('get','4-demo.php?name='+name);
req.onreadystatechange=function(){
if(req.readyState==4 && req.status==200){
alert(req.responseText);
}
}
req.send(null); //如果send()方法中没有数据,要写null
}
}
</script>
PHP编程用户名： <input type="text" name="" id="username">
PHP编程xx.php
PHP编程
<?php
print_r($_GET);
?>
PHP编程1、 IE不支持中文
PHP编程2、 =、&与请求的字符串的关键字相混淆.
PHP编程POST提交
PHP编程xx.html
PHP编程
<script type="text/javascript">
window.onload=function(){
document.getElementById('username').onblur=function(){
var name=document.getElementById('username').value;
name=encodeURIComponent(name);
var req=new XMLHttpRequest();
req.open('post','5-demo.php?age='+20);
req.onreadystatechange=function(){
if(req.readyState==4 && req.status==200){
alert(req.responseText);
}
}
req.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
req.send('name='+name);
}
}
</script>
PHP编程用户名： <input type="text" name="" id="username">
PHP编程xx.php
PHP编程
<?php
print_r($_POST);
print_r($_GET);
?>
PHP编程1、通过send()发送数据
PHP编程2、必须设置setRequestHeader()将传递的参数转成XML格式
PHP编程3、post提交可以直接提交中文,不需要转码
PHP编程4、post请求中的字符也会和URL中的&、=字符相混淆,所以建议也要使用encodeURIComponent()编码
PHP编程5、在POST提交的同时,可以进行GET提交
PHP编程解决 IE不支持中文 =、&与请求的字符串的关键字相混淆 问题
PHP编程在js中通过encodeURIComponent()进行编码即可.
PHP编程
window.onload=function(){
document.getElementById('username').onblur=function(){
var name=document.getElementById('username').value;
name=encodeURIComponent(name); //编码
var req=new XMLHttpRequest();
req.open('get','4-demo.php?name='+name);
req.onreadystatechange=function(){
if(req.readyState==4 && req.status==200){
alert(req.responseText);
}
}
req.send(null); //如果send()方法中没有数据,要写null
}
}
PHP编程1、req.responseText：获取返回的字符串
PHP编程2、req.responseXML：按DOM结构获取返回的数据
PHP编程注意post/get两种提交方式的区别!
PHP编程以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持维易PHP!
转载请注明本页网址：
http://www.vephp.com/jiaocheng/884.html
