Ajax核心技术代码分享,ajax核心技术分享
Ajax核心技术代码分享,ajax核心技术分享
<script>
var xhr = '';
function Ajax()
{
if(window.XMLHttpRequest)
{
var xhr = new XMLHttpRequest;//现代浏览器
}else
{
var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
}
}
Ajax();//1.获取Ajax对象
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var data = xhr.responseText;//2.判断状态,接收数据(字符串形式),后续操作
}
}
//xhr.open('请求方式', '请求地址', TRUE);//3.异步传输连接
//xhr.send([data]);//4.发送请求
xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
xhr.send();
/*
xhr.open('POST', 'demo.php', TRUE);
xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=weichen&sex=0');
*/
XHR对象中的成员属性和成员方法
{
成员属性:
status 服务器响应的HTTP状态码(如200或404)
statusText 服务器响应的以字符串形式返回的HTTP状态码(ok或not found)
readyState 浏览器请求的状态码(0到4)
responseText 服务器响应的字符串格式的数据结果
responseXML 服务器响应的XML格式的数据结果
onreadystatechange Ajax的请求事件(当readystate改变时调用的事件处理函数)
onerror 请求过程中发生错误时调用的Mozilla的事件处理函数
onprogress 内容加载后调用的mozilla的事件处理函数
onload 文档加载完毕后调用的mozilla的事件处理函数
成员方法:
setRequestHeader(); 设置当前请求的header头信息(为即将发送到服务器端的消息头增加一个键/值对)
open(); 建立一个新的请求连接(用GET、POST、URL等初始化XHR对象)
send(); 发送一个请求(可能需要发送的数据)
getResponseHeader("server"); 返回指定的HTTP头的值(如server或last-modified)
getAllResponseHeaser(); 返回由换行符分割开的所有HTTP头的字符串
absort(); 终止请求
}
核心是javascript调用XML的异步传输
首先,要实现ajax技术,必须引用js代码,直接写入页面或引用外部js文件,但无论如何都可以被程序员看到(通过使用firbug或其他网页制作的调试工具即可)。
引用js的样式可以有很多种,都需要有<script>标签,只要找到页面内的这种标签,打开里面的src属性值(url地址,如是相对路径需要补全)即可看到代码,下面列举下其中几种引用的样式:
1、使用<script>标签
<script src="js文件的绝对地址或相对地址,或输出js代码的页面也可以" language="javascript"></script>
2、通过一小段的js代码,动态加载更多的js文件
var otherJS = 'diaoyong.js';//js的地址,请自定义
document.write('<scr' + 'ipt type="text/javascript" src="'+otherJS+'"></scr' + 'ipt>');
3、使用伪代码(有些浏览器无效且很难达到)
<a href="javascript:alert('使用了伪代码');">伪代码</a>
css中也可以使用伪代码
另外:ajax技术,是由JavaScript( 简称js )、xml、css、dom等多项结合使用来表现的,进一步了解ajax,请百度百科“ajax”
另外,js代码一般可以通过代码压缩和变量、函数名的混淆来增加阅读难度,但程序本身的安全性才是最重要的(预防注入攻击、cookie劫持等)
相关内容
- AJAX中文乱码解决新方法分享,ajax中文乱码新方法
- jquery中的ajax如何返回结果而非回调方式即为同顺序执行
- php+ajax实现带进度条的大数据排队导出思路以及源码,
- ajax的定时调用每5秒调用一次,ajax5秒调用
- 利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力,
- ajax的responseText乱码的问题的解决方法,ajaxresponsetext
- Ajax中responseText返回的是一个页面而不是一个值,ajaxr
- ajax回调函数中使用$(this)取不到对象的解决方法,ajax回
- ajax实现点击不同的链接让返回的内容显示在特定div里,
- ajax异步处理POST表单中的数据示例代码,ajax示例代码
评论关闭