大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、虚拟空间、营销软件、网站建设、石台网站维护、网站推广。
通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。
使用AJAX主要分三部分:
1、 创建请求的变量。
2、 为请求添加事件处理代码。
3、 配置发送请求。
【AJAX举例】
var myRequest;
if (window.XMLHttpRequest) {
myRequest = new XMLHttpRequest();}
else if (window.ActiveXObject) {
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
myRequest.onreadystatechange = function(){
console.log("匿名函数被调用!");
console.log(myRequest.readyState);
if (myRequest.readyState === 4) {
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);}};
myRequest.open('GET', 'simple.txt', true);
myRequest.send(null);
在javascript中实现自定义事件的原理是创建一个管理事件的对象.如下代码是事件的定义:
function EventTarget(){
this.handlers = {};//存储事件处理程序,由n个键值对组成,键表示事件名,值是一个由事件处理程序组成的数组
}
EventTarget.prototype = {
constructor:EventTarget,
//添加事件
addHandler:function(type,handler){
if(typeof this.handlers[type] == "undefined"){
this.handlers[type] = [];
}
this.handlers[type].push(handler);
},
//触发事件
fire:function(event){
if(!event.target){
event.target = this;
}
if(this.handlers[event.type] instanceof Array){
var handlers = this.handlers[event.type];
for(var i=0,len=handlers.length;i len;i++){
//将event传递给事件处理程序,event.target代表对象本身,
event.type代表事件名,你可以根据情况为添加event属性
handlers[i](event);
}
}
},
//移除事件
removeHandler:function(type,handler){
if(this.handlers[type] instanceof Array){
var handlers=this.handlers[type];
for(var i=0,len=handlers.length;i len; i++){
if(handlers[i] == handler){
break;
}
}
handlers.splice(i,1);
}
}
};
首先是定义了一个名为EventTarget的构造函数,为其定义的属性handlers用于存储事件处理程序,
然后有三个操作方法添加到EventTarget的原型中,分别是addHandler fire remocveHander.
addHander是向handlers中添加事件处理程序
fire是触发handlers中的事件处理程序
removeHandler是向handlers中移除事件处理程序
注:事件处理程序通俗的讲就是事件被触发时需要执行的方法.
这个就是调用datagrid插件了。虽然我没用过easyUI的这个插件,但是插件都是类似的,第一个‘load’可能就是对象了,后面{}里面的就是json参数数组了
编程过程中注释是十分重要的,在javascript(js)语言里面的注释方法有三种
1.第一种是多行注释”/**/”,一般js文件开头,介绍作者,函数等信息。
/* author:xxx *day:2007-12-04 */
2.第二种注释方法是最常见的”//”,在程序间随处可见,只能注释单行
//这是一行注释,只能注释单行。
//另一行注释
3.第三种注释不是很常见,会和html内的注释混淆,不推荐使用
!-这是一行注释,只能注释单行
第三种方法后面是不要加!这是和html注释不一样的地方
1: toString方法是Object.prototype的方法,js对象都会默认继承这个方法。用法有两种:
第一种:(23).toString() 输出“23”
第二种:(23).toString(2) 输出"10111"
2: 常用于字符串转数值;比如:parseFloat('3.4ss') 输出 3.4
3: isNaN() 函数用于检查其参数是否是非数字值。