Jquery通过Ajax发送数据2

一、低级Ajax方法

      启动Ajax通信的方法,在内部jQuery会把这些方法都映射成$.ajax()全局函数的一种变体

       $('#dictionary').load('a.html')加载HTML片段

       等价

       $.ajax({

            url:   'a.html',

            success:  function(data){

                  $('#dictionary').html(data);

           }

       })

      优点:

                1.避免浏览器缓存来自服务器的响应,适合服务器动态生成数据的情况

                2.抑制正常情况下所有的Ajax交互都可以触发的全局处理函数如:$.ajaxStart()

                3.在远程主机需要认证的情况下,可以提供用户名和密码

二、修改默认选项

        $.ajaxSetup()函数可以修改调用Ajax方法时每个选项的默认值。这个函数与$.ajax()接受相同的选项对象参数

   之后所有的Ajax请求都将使用传递给该函数的选项====除非明确覆盖。

          $.ajaxSetup({

             url:   'a.html',

             type: 'POST',

            dataType:  'html'

       });

         $.ajax({

            type:'GET',

            success:function(data){

                    $('#dictionary').html(data);

            }

           });

  三.部分加载HTML页面

      取得并将HTML片段插入到当前页面中            

          $(document).ready(function(){

               $('#letter-h a').click(function(){

                    event.preventDefault();

                    $('#dictionnary').load('a.html  .entry');

               })

         })

         页面加载时,只会加载类名为.entry的元素

    

     

posted @ 2024-09-08 22:00  白头吟  阅读(16)  评论(0)    收藏  举报