Ajax使用介绍

1、AJAX(Asynchronous Javascript
And XML)--（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。即：AJAX = 异步 JavaScript和XML

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

2、ajax() 方法通过 HTTP 请求加载远程数据。

        async：默认值: true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false（同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行）。

        type   ：String 请求方式 ("POST" 或 "GET")， 默认 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

        url      ：String默认值: 当前页地址。发送请求的地址。
       timeout：要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置

      cache：要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false）。 设置为false将不会从浏览器缓存中加载请求信息。

      data: 要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。 get请求中将附加在url后。

      dataType:要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime  信息返回responseXML或responseText，并作为回调函数参数传递。

常用可用的类型如下：

         xml：返回XML文档，可用JQuery处理。

         script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。

         json：返回JSON数据。

         text：返回纯文本字符串。

   

    success：要求为Function类型的参数，请求成功后调用的回调函数。

      error：要求为Function类型的参数，请求失败时被调用的函数。

beforeSend：用于在向服务器发送请求前执行一些动作

demo事例:      

$(function(){

   $('#send').click(function(){

        $.ajax({

            type: "GET",

            url: "test.json",

            data: {username:$("#username").val(),

                       content:$("#content").val()

                      },

            dataType: "json",

             success:function(data){

             alert('返回成功！')；

                     }

        });

    });

});