ajax 技术
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
它的作用就是通过ajax引擎(JS的XMLHttpRequest对象)实现客户端和服务器的数据传递。
客户端通过ajax向服务器发送请求的方式有两种,get和post,服务器把输出的内容通过ajax引擎返回给客户端。服务器输出的内容可以是echo出的内容,可以是HTML标签的内容,还可以是xml的对象形式,然后以ajax的responseText属性返回给客户端文本,responseXML属性返回给客户端XML。这样避免了传统页面交互式加载所有页面的问题。
然后javascript的ajax使用很复杂,jquery进行了很好的封装。
例如:
1 $.ajax({ 2 url:'http://qingjia.erp.sina.com.cn/index.php/vacation/wf/wfDoneAfter', 3 data:{'et_uid': et_uid,'actionNickName':'完成'}, 4 dataType:'json', 5 success:function(data){ 6 if(data.err == 0 ){ 7 $("#messageDivContent").text(html); 8 $("#messageDiv").show(); 9 $("#redirectUrl").val('http://qingjia.erp.sina.com.cn/index.php/vacation/undeal'); 10 countDown(5,'http://qingjia.erp.sina.com.cn/index.php/vacation/undeal'); 11 }else{ 12 alert(data.msg); 13 hideBlock(); 14 } 15 }, 17 error:function(){ 18 alert('审批完成邮件失败!'); 19 hideBlock(); 20 } 21 });
上述代码会向属性url的链接发起请求,并对得到的数据采用json格式录入。
另jquery还封装了更高级的ajax使用函数get(。。。)post(。。。)等,参 考。
另附json的一些知识:
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。类似前面看到的xml也可以用来传输数据,不过json使用{}和【】等,由于不要求xml闭合标签故能省流量,而且更适合js一点,看名字哈哈。百科里有一段比较二者的联系区别讲的很好,传送。