码迷,mamicode.com
首页 > Web开发 > 详细

ajax 技术

时间:2015-07-05 23:54:13      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

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一点,看名字哈哈。百科里有一段比较二者的联系区别讲的很好,传送

ajax 技术

标签:

原文地址:http://www.cnblogs.com/renzherushe/p/4619342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!