ajax与Jquery中的Ajax

在说ajax和jQuery之前，先说一下JAvaScript。

Javascript动态网页制作的一种脚本语言，在HTML基础上使用JAvaScript可以开发交互式的web网页。就像我们后天的java代码一样，是前台语言的基础。无论是ajax还是Jquery都是基础JAvaScript出现的。

Ajax是JAvaScript的一个应用方向，AJAX不是一种新的编程语言，是指一种创建交互式网页应用的网页开发技术，通过Ajax 的核心是JavaScript 对象 XMLHttpRequest向服务器端提出请求，在后台与服务器交换数据，达到不重载页面的情况与Web服务器交换数据。

如需将请求发送到服务器，我们使用XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","test1.txt",true);

xmlhttp.send();

方法	描述
open(method,url,async)	规定请求的类型、URL以及是否异步处理请求。 method：请求的类型；GET或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步）
send(string)	将请求发送到服务器。 string：仅用于 POST请求

而Jquery是将原生的Javascript封装好了成为了一个库。是别人做好了功能，你直接拿过来使用就可以了。这样简化了JAvaScript编程。

同时在我们使用AJAx的时候，也需要固定的几部操作，可以参考我前面的AJAX核心XMLHTTPRequest对象这是使用Ajax的原生代码操作，而JQuery也对Ajax进行了封装，这里有着几种常用的式：ajax,get,post,load,getscript

这里我们只是简单简绍$.ajax，其余的大家可以参考Jquery的APIhttp://hemin.cn/jq/

$.ajax({
    url: "http://www.hzhuti.com",//请求的URL地址
    dataType: "json",//返回格式为json
    async: true,//请求是否异步，默认为异步，这也是ajax重要特性
    data: { "id": "value" },//参数值
    type: "GET",//请求方式
    beforeSend: function() {
        //请求前的处理
    },success: function(req) {
        //请求成功时处理
    },complete: function() {
        //请求完成的处理
    },error: function() {
        //请求出错处理
    }
});

解释几点：

①在客户端和服两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。务端进行数据请求的方法

GET - 从指定的资源请求数据

POST - 向指定的资源提交要处理的数据

②jQuery使用$ 符号作为 jQuery 的简介方式。换种方式$是JQuery的别名。

③Ajax是一种技术，而JQuery只是实现了这种技术的一种方式，当然还有别的方式，可以实现AJAx这种技术。

这是目前自己的简单理解，后面在继续学习。

参考资料：

http://www.jb51.cc/article/p-rpyrlroh-wa.html

http://www.php100.com/html/program/jquery/2013/0905/6004.html

ajax与Jquery中的Ajax

相关文章