Ajax的4条线
来源:互联网 发布:淘宝类目怎么选择其他 编辑:程序博客网 时间:2024/05/17 23:52
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX的4条步骤。
function ajax(method,url,data,fnsuccess){//1号线:创建ajax对象var xhr;if(window.XMLHttpRequest){xhr=new XMLHttpRequest();}else{xhr=new ActiveXObject('Microsoft.XMLHTTP');}//2号线:发送http请求(准备数据,真正的发送)if(method=='GET' && data){//如果是get方式,并且有data:传数据到服务器url=url+'?'+data;}xhr.open(method,url,true);if(method=='GET'){xhr.send(null);}else{xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');xhr.send(data);}<?php//3号线:获取ajax传来的信息,做处理,再返回给ajax:后台做,或者后台协作//这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式header("Content-Type: text/text;charset=utf-8");//告诉浏览器不要缓存数据header("Cache-Control: no-cache");$userName=$_GET['name'];//0 不合法//1 已被注册//2 可以注册if($userName=='admin'){ //把内容拿到,进行判断,输出信息返回给ajaxecho '{"inf":"这个用户名不能用"}'; }else{echo '{"inf":"这个用户名能用"}';}?>
//4号线:拿到的数据返回给调用ajax函数的地方xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){if(fnsuccess){fnsuccess(xhr.responseText);//注意这里只能接收字符串,json和html数据。如果传过来的是xml数据格式,要换用responseXML属性}}else{alert('出差了,出错状态是:'+xhr.status);}}}}
1 0
- Ajax的4条线
- 实现Ajax的滚动条
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 几条实际的Ajax的提示
- 原子操作
- springmvc 依赖的jar包 maven的pom.xml文件
- URL和URI的区别和关系
- Eclipse中将Java项目转换成Web项目的方法
- SSM框架——以注解形式实现事务管理
- Ajax的4条线
- 用ASP.NET实现简单的超市管理系统-商品主页面
- 邻接表无向图 C++详解
- maven之如何打rpm包
- 《impala实战》读书笔记
- 刷新页面
- 【RxJava】操作符的使用
- C语言之运算符二
- Java-泛型