ajax与Jquery中的Ajax

来源:互联网 发布:数据分析师笔试逻辑 编辑:程序博客网 时间:2024/05/17 02:55

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

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

        

        AjaxJAvaScript的一个应用方向,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的API http://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://blog.csdn.net/liujiahan629629/article/details/22229669

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




1 0