jquery接触初级-----ajax 之：jquery_ajax 方法

1. $.get() 方法：

格式：$.get( url,[,data],[,callback],[,type] );   

data:  采用键值对的方式存储于对象中;

callback: 载入成功时（当response 的返回状态为success时）调用callback ;

type: xml ,html,script,json,text和_default ;

以下为$.get()方法的数据调用

 <script>
    $(function(){
        $("#send").click(function(){
            $.get("get1.php",{
                  username : $("#username").val(),
                  content : $("#content").val(),
            },function(data,textStatus){
                $("#resText").html(data)  ;          //将返回的数据添加到页面中    
            });
        });
    });
</script>

2.  $.post()方法：

格式：$.post( url,[,data],[,callback],[,type] ); 

data:  采用键值对的方式存储于对象中;

callback: 载入成功时（当response 的返回状态为success时）调用callback ;

type: xml ,html,script,json,text和_default ;

$.post() 和$.get() 结构和调用方法几乎是相同的，只有调用函数，一个是get,另一个是post

另外：

2.1 GET 请求会将参数跟在URL后进行传递，而POST请求时作为HTTP消息的实体内容发送给服务器

2.2 GET方式对传输的数据有大小限制（通常不能大于2Kb）,而使用POST方式传递的数据量比GET方式大得多（理论上可以不受限制）

2.3 GET请求方式的数据会被浏览器缓存起来，因此其他人就可以从浏览器的历史记录中读取到这些数据，例如账号和密码等。在某种情况下，GET方式会带来严重的安全问题，而POST方式相对来说就可以避免这些问题

2.4 GET 方式和PSOT方式传递的数据在服务器端的获取方式也不相同，在PHP中，GET方式的数据可以使用$_GET[]来获取，而POST方式可以使用$_POST[]来获取。两种方式都可以使用$_REQUEST[]来获取

2.5 由于POST和GET方式提交的数据都可以通过$_REQUEST[]来获取，因此只是需要改变jquery函数，就可以将程序在GET请求和POST请求之间进行切换了

3. $.getScript() 方式：

作用：主要是为了进行script 标签的引入加载，只不过这里是进行动态加载

例如：需要点击id=send 的按钮，燃尽加载 test.js 文件，如下进行：

<script>
        $(function() {
            $("#test").click(function() {
                $.getScript('test.js');
            });
        });
</script>

当然，引入之后也可以加入回调函数：

<script>
        $(function() {
            $("#test").click(function() {
                $.getScript('test.js',                                   //引入js
                    function() {                                         //加入回调函数
                        $(".comment").css("color", "red");
                    });
            });
        });
</script>

4.  $.getJSON() 方式：

主要作用是引入Json 文件，这里可以进行动态引入

<script>
        $(function() {
            $("#test").click(function() {
                $.getJSON('test.json',                                   //引入json 文件
                    function() {                                         //加入回调函数
                        $(".comment").css("color", "red");
                    });
            });
        });
</script>

$.getScript()和$.getJSON文件类似，都是进行js文件或者json文件的引入，但是两者的引入时动态的

5. $.ajax() 方法：

$.ajax()方法是Jquery 最底层的ajax方法实现

格式：

$.ajax( options )

options 是一个json 文件，以键、值对的方式，对函数的参数进行传递和执行

例如：

<script>
        $(function() {
            $("#send").on("click", function() {
                $.ajax({
                    type: "GET",
                    url: "test.js",
                    dataType: "script"
                });
            });
        });
 </script>

$.ajax() 共计有10 个参数：

url,type,timeout,data,dataType,beforeSend,complete,success,error,global.

$.ajax() 通过这10 个参数的改变，可以转换成load(),$.get(),$.post(),$.getScript(),$.getJSON()方法中的任何一个

因为$.ajax()是所有这些方法的底层实现